From 4f14a786a72cf413294a92e9e630e42e1e7193f9 Mon Sep 17 00:00:00 2001
From: MrWangJustToDo <2711470541@qq.com>
Date: Fri, 7 Aug 2026 01:40:20 +0800
Subject: [PATCH] add lynx framework package

---
 .cursor/commands/opsx-apply.md                |  180 +
 .cursor/commands/opsx-archive.md              |  222 ++
 .cursor/commands/opsx-explore.md              |  180 +
 .cursor/commands/opsx-propose.md              |  118 +
 .cursor/skills/openspec-apply-change/SKILL.md |  185 +
 .../skills/openspec-archive-change/SKILL.md   |  180 +
 .cursor/skills/openspec-explore/SKILL.md      |  296 ++
 .cursor/skills/openspec-propose/SKILL.md      |  123 +
 AGENTS.md                                     |    4 +-
 README.md                                     |   13 +-
 eslint.config.mjs                             |    2 +
 .../add-react-lynx-diffview/.openspec.yaml    |    2 +
 .../changes/add-react-lynx-diffview/design.md |  143 +
 .../add-react-lynx-diffview/proposal.md       |   76 +
 .../specs/lynx-diffview/spec.md               |  106 +
 .../changes/add-react-lynx-diffview/tasks.md  |   49 +
 openspec/config.yaml                          |   32 +
 package.json                                  |    2 +
 packages/lynx/index.d.ts                      |   36 +
 packages/lynx/index.js                        |    1 +
 packages/lynx/package.json                    |   93 +
 packages/lynx/postcss.config.js               |    7 +
 packages/lynx/readme.md                       |  130 +
 packages/lynx/src/components/DiffContent.tsx  |  197 ++
 packages/lynx/src/components/DiffExpand.tsx   |   41 +
 .../src/components/DiffSplitContentLine.tsx   |  131 +
 .../src/components/DiffSplitExtendLine.tsx    |   74 +
 .../lynx/src/components/DiffSplitHunkLine.tsx |  122 +
 .../lynx/src/components/DiffSplitView.tsx     |   55 +
 .../lynx/src/components/DiffSplitViewLine.tsx |   19 +
 .../src/components/DiffUnifiedContentLine.tsx |  128 +
 .../src/components/DiffUnifiedExtendLine.tsx  |   58 +
 .../src/components/DiffUnifiedHunkLine.tsx    |  119 +
 .../lynx/src/components/DiffUnifiedView.tsx   |   70 +
 packages/lynx/src/components/DiffView.tsx     |  272 ++
 .../lynx/src/components/DiffViewContext.tsx   |   13 +
 packages/lynx/src/components/styleUtils.ts    |   92 +
 packages/lynx/src/components/tools.ts         |   90 +
 packages/lynx/src/components/visibleLines.ts  |   60 +
 packages/lynx/src/global.d.ts                 |    6 +
 packages/lynx/src/highlightColor.ts           |   97 +
 packages/lynx/src/hooks/useIsMounted.ts       |   11 +
 packages/lynx/src/hooks/useUnmount.ts         |   10 +
 packages/lynx/src/index.ts                    |    3 +
 packages/lynx/src/stubs/lezer-markdown.ts     |   12 +
 packages/lynx/src/stubs/lowlight.ts           |   60 +
 packages/lynx/src/tailwind.css                |    5 +
 packages/lynx/src/theme.ts                    |   37 +
 packages/lynx/tailwind.config.js              |   11 +
 packages/lynx/tsconfig.json                   |   13 +
 pnpm-lock.yaml                                | 3011 +++++++++++++++--
 scripts/build.ts                              |   16 +-
 ui/lynx-example/README.md                     |   26 +
 ui/lynx-example/lynx.config.ts                |   49 +
 ui/lynx-example/package.json                  |   26 +
 ui/lynx-example/src/App.tsx                   |   72 +
 ui/lynx-example/src/data.ts                   |   84 +
 ui/lynx-example/src/index.tsx                 |    9 +
 ui/lynx-example/tailwind.config.js            |   15 +
 ui/lynx-example/tsconfig.json                 |   14 +
 60 files changed, 6939 insertions(+), 369 deletions(-)
 create mode 100644 .cursor/commands/opsx-apply.md
 create mode 100644 .cursor/commands/opsx-archive.md
 create mode 100644 .cursor/commands/opsx-explore.md
 create mode 100644 .cursor/commands/opsx-propose.md
 create mode 100644 .cursor/skills/openspec-apply-change/SKILL.md
 create mode 100644 .cursor/skills/openspec-archive-change/SKILL.md
 create mode 100644 .cursor/skills/openspec-explore/SKILL.md
 create mode 100644 .cursor/skills/openspec-propose/SKILL.md
 create mode 100644 openspec/changes/add-react-lynx-diffview/.openspec.yaml
 create mode 100644 openspec/changes/add-react-lynx-diffview/design.md
 create mode 100644 openspec/changes/add-react-lynx-diffview/proposal.md
 create mode 100644 openspec/changes/add-react-lynx-diffview/specs/lynx-diffview/spec.md
 create mode 100644 openspec/changes/add-react-lynx-diffview/tasks.md
 create mode 100644 openspec/config.yaml
 create mode 100644 packages/lynx/index.d.ts
 create mode 100644 packages/lynx/index.js
 create mode 100644 packages/lynx/package.json
 create mode 100644 packages/lynx/postcss.config.js
 create mode 100644 packages/lynx/readme.md
 create mode 100644 packages/lynx/src/components/DiffContent.tsx
 create mode 100644 packages/lynx/src/components/DiffExpand.tsx
 create mode 100644 packages/lynx/src/components/DiffSplitContentLine.tsx
 create mode 100644 packages/lynx/src/components/DiffSplitExtendLine.tsx
 create mode 100644 packages/lynx/src/components/DiffSplitHunkLine.tsx
 create mode 100644 packages/lynx/src/components/DiffSplitView.tsx
 create mode 100644 packages/lynx/src/components/DiffSplitViewLine.tsx
 create mode 100644 packages/lynx/src/components/DiffUnifiedContentLine.tsx
 create mode 100644 packages/lynx/src/components/DiffUnifiedExtendLine.tsx
 create mode 100644 packages/lynx/src/components/DiffUnifiedHunkLine.tsx
 create mode 100644 packages/lynx/src/components/DiffUnifiedView.tsx
 create mode 100644 packages/lynx/src/components/DiffView.tsx
 create mode 100644 packages/lynx/src/components/DiffViewContext.tsx
 create mode 100644 packages/lynx/src/components/styleUtils.ts
 create mode 100644 packages/lynx/src/components/tools.ts
 create mode 100644 packages/lynx/src/components/visibleLines.ts
 create mode 100644 packages/lynx/src/global.d.ts
 create mode 100644 packages/lynx/src/highlightColor.ts
 create mode 100644 packages/lynx/src/hooks/useIsMounted.ts
 create mode 100644 packages/lynx/src/hooks/useUnmount.ts
 create mode 100644 packages/lynx/src/index.ts
 create mode 100644 packages/lynx/src/stubs/lezer-markdown.ts
 create mode 100644 packages/lynx/src/stubs/lowlight.ts
 create mode 100644 packages/lynx/src/tailwind.css
 create mode 100644 packages/lynx/src/theme.ts
 create mode 100644 packages/lynx/tailwind.config.js
 create mode 100644 packages/lynx/tsconfig.json
 create mode 100644 ui/lynx-example/README.md
 create mode 100644 ui/lynx-example/lynx.config.ts
 create mode 100644 ui/lynx-example/package.json
 create mode 100644 ui/lynx-example/src/App.tsx
 create mode 100644 ui/lynx-example/src/data.ts
 create mode 100644 ui/lynx-example/src/index.tsx
 create mode 100644 ui/lynx-example/tailwind.config.js
 create mode 100644 ui/lynx-example/tsconfig.json

diff --git a/.cursor/commands/opsx-apply.md b/.cursor/commands/opsx-apply.md
new file mode 100644
index 00000000..78acb207
--- /dev/null
+++ b/.cursor/commands/opsx-apply.md
@@ -0,0 +1,180 @@
+---
+name: "/opsx-apply"
+id: "opsx-apply"
+category: "Workflow"
+description: "Implement tasks from an OpenSpec change (Experimental)"
+---
+
+Implement tasks from an OpenSpec change.
+
+**Store selection:** If the user names a store (a store is a standalone OpenSpec repo registered on this machine) or the work lives in one, run `openspec store list --json` to discover registered store ids, then pass `--store <id>` on the commands that read or write specs and changes (`new change`, `status`, `instructions`, `list`, `show`, `validate`, `archive`, `doctor`, `context`, `view`). Other commands do not take the flag. Hints printed by commands already carry the flag; keep it on follow-ups. Without a store, commands act on the nearest local `openspec/` root.
+
+**Input**: Optionally specify a change name (e.g., `/opsx-apply add-auth`). If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **Select the change**
+
+   If a name is provided, use it. Otherwise:
+   - Infer from conversation context if the user mentioned a change
+   - Auto-select if only one active change exists
+   - If ambiguous, run `openspec list --json` to get available changes and ask the user to select one
+
+   Always announce: "Using change: <name>" and how to override (e.g., `/opsx-apply <other>`).
+
+2. **Check status to understand the schema**
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+   Parse the JSON to understand:
+   - `schemaName`: The workflow being used (e.g., "spec-driven")
+   - `planningHome`, `changeRoot`, and `actionContext`: planning scope and edit constraints
+   - Which artifact contains the tasks (typically "tasks" for spec-driven, check status for others)
+
+3. **Get apply instructions**
+
+   ```bash
+   openspec instructions apply --change "<name>" --json
+   ```
+
+   This returns:
+   - `contextFiles`: artifact ID -> array of concrete file paths (varies by schema)
+   - Progress (total, complete, remaining)
+   - Task list with status
+   - Dynamic instruction based on current state
+   - Optional `context`: current required project instruction input from the selected root
+   - Optional `operationGuidance`: current advisory guidance for apply
+
+   **Handle states:**
+   - If `state: "blocked"` (missing artifacts): show message, suggest using `/opsx-continue` (if it is not installed, run `openspec status --change "<name>" --json` to see the next artifact and `openspec instructions <artifact-id> --change "<name>" --json` for how to create it)
+   - If `state: "all_done"`: congratulate, suggest archive
+   - Otherwise: proceed to implementation
+
+   Treat `context` as a required prompt-level input. Read and consider it, and
+   apply relevant project facts, conventions, and constraints while implementing.
+   Treat `operationGuidance` as optional additive advice. Read and consider every
+   entry, and follow entries that are applicable and compatible with the built-in
+   workflow.
+
+   Keep both fields separate from CLI-returned state, missing artifacts, tasks,
+   progress, `contextFiles`, and the built-in `instruction`. They are not
+   evidence of task completion, do not replace the built-in instruction, and do
+   not permit bypassing a blocked state. If context conflicts with the built-in
+   instruction, an explicit user choice, or a CLI-controlled value, report the
+   conflict and preserve the controlling value. If guidance is inapplicable or
+   conflicts with those controlling inputs, do not follow it and explain why.
+   These are prompt-level behavior contracts, not enforceable checks.
+
+4. **Read context files**
+
+   Read every file path listed under `contextFiles` from the apply instructions output.
+   The files depend on the schema being used:
+   - **spec-driven**: proposal, specs, design, tasks
+   - Other schemas: follow the contextFiles from CLI output
+
+   Do not copy `context` or `operationGuidance` verbatim into implementation
+   files or planning artifacts unless the user separately asks for that content.
+
+5. **Show current progress**
+
+   Display:
+   - Schema being used
+   - Progress: "N/M tasks complete"
+   - Remaining tasks overview
+   - Dynamic instruction from CLI
+
+6. **Implement tasks (loop until done or blocked)**
+
+   For each pending task:
+   - Show which task is being worked on
+   - Make the code changes required
+   - Keep changes minimal and focused
+   - Mark task complete in the tasks file: `- [ ]` → `- [x]`
+   - Continue to next task
+
+   **Pause if:**
+   - Task is unclear → ask for clarification
+   - Implementation reveals a design issue → suggest updating artifacts
+   - Error or blocker encountered → report and wait for guidance
+   - User interrupts
+
+7. **On completion or pause, show status**
+
+   Display:
+   - Tasks completed this session
+   - Overall progress: "N/M tasks complete"
+   - If all done: suggest archive
+   - If paused: explain why and wait for guidance
+
+**Output During Implementation**
+
+```
+## Implementing: <change-name> (schema: <schema-name>)
+
+Working on task 3/7: <task description>
+[...implementation happening...]
+✓ Task complete
+
+Working on task 4/7: <task description>
+[...implementation happening...]
+✓ Task complete
+```
+
+**Output On Completion**
+
+```
+## Implementation Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Progress:** 7/7 tasks complete ✓
+
+### Completed This Session
+- [x] Task 1
+- [x] Task 2
+...
+
+All tasks complete! You can archive this change with `/opsx-archive`.
+```
+
+**Output On Pause (Issue Encountered)**
+
+```
+## Implementation Paused
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Progress:** 4/7 tasks complete
+
+### Issue Encountered
+<description of the issue>
+
+**Options:**
+1. <option 1>
+2. <option 2>
+3. Other approach
+
+What would you like to do?
+```
+
+**Guardrails**
+- Keep going through tasks until done or blocked
+- Always read context files before starting (from the apply instructions output)
+- If task is ambiguous, pause and ask before implementing
+- If implementation reveals issues, pause and suggest artifact updates
+- Keep code changes minimal and scoped to each task
+- Update task checkbox immediately after completing each task
+- Pause on errors, blockers, or unclear requirements - don't guess
+- Use contextFiles from CLI output, don't assume specific file names
+- Do not use context or operation guidance as proof that a task is complete
+- Apply relevant project context; report conflicts with controlling workflow inputs
+- Consider every guidance entry; explain any inapplicable or conflicting advice
+- Do not copy runtime context or operation guidance into implementation files or planning artifacts
+- Preserve CLI-controlled blocked/ready/all-done behavior and completion criteria
+
+**Fluid Workflow Integration**
+
+This skill supports the "actions on a change" model:
+
+- **Can be invoked anytime**: Before all artifacts are done (if tasks exist), after partial implementation, interleaved with other actions
+- **Allows artifact updates**: If implementation reveals design issues, suggest updating artifacts - not phase-locked, work fluidly
diff --git a/.cursor/commands/opsx-archive.md b/.cursor/commands/opsx-archive.md
new file mode 100644
index 00000000..250d5a8f
--- /dev/null
+++ b/.cursor/commands/opsx-archive.md
@@ -0,0 +1,222 @@
+---
+name: "/opsx-archive"
+id: "opsx-archive"
+category: "Workflow"
+description: "Archive a completed change in the experimental workflow"
+---
+
+Archive a completed change in the experimental workflow.
+
+**Store selection:** If the user names a store (a store is a standalone OpenSpec repo registered on this machine) or the work lives in one, run `openspec store list --json` to discover registered store ids, then pass `--store <id>` on the commands that read or write specs and changes (`new change`, `status`, `instructions`, `list`, `show`, `validate`, `archive`, `doctor`, `context`, `view`). Other commands do not take the flag. Hints printed by commands already carry the flag; keep it on follow-ups. Without a store, commands act on the nearest local `openspec/` root.
+
+**Input**: Optionally specify a change name after `/opsx-archive` (e.g., `/opsx-archive add-auth`). If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **Select the change**
+
+   If a name is provided, use it. Otherwise:
+   - Infer from conversation context if the user mentioned a change
+   - Auto-select if only one active change exists
+   - If ambiguous, run `openspec list --json` to get available changes and ask the user to select one
+
+   When prompting, show only active changes (not already archived).
+   Include the schema used for each change if available.
+
+   Always announce: "Using change: <name>" and how to override (e.g., `/opsx-archive <other>`).
+
+   **Load current archive inputs before the existing archive checks:**
+
+   After resolving the selected change and planning root, run:
+   ```bash
+   openspec instructions archive --change "<name>" --json
+   ```
+   Keep the same selected-root flags on this command. This lookup is advisory and
+   optional: it only supplies extra prompt inputs, so it must never block archiving.
+   If it exits non-zero or returns invalid JSON — for example on an older CLI that
+   does not support this command yet — continue the archive workflow with no
+   context and no operation guidance. Do not report an error and do not stop.
+
+   A successful response may omit both optional fields. Treat `context` as a
+   required prompt-level input: read and consider it, and apply relevant project
+   facts, conventions, and constraints. Treat `operationGuidance` as optional
+   additive advice: read and consider every entry, and follow entries that are
+   applicable and compatible with the built-in archive workflow.
+
+   Keep both fields separate from built-in steps, explicit user choices, resolved
+   paths, CLI checks, and command contracts. If context conflicts with one of those
+   controlling inputs, report the conflict and preserve the controlling value. If
+   guidance is inapplicable or conflicts with a controlling input, do not follow it
+   and explain why. Do not infer replacement paths, skipped prompts, or flags from
+   either field, and do not copy their text verbatim into specs, change artifacts,
+   or archive summaries unless the user separately asks for it. These are
+   prompt-level behavior contracts, not enforceable checks.
+
+2. **Check artifact completion status**
+
+   Run `openspec status --change "<name>" --json` to check artifact completion.
+
+   Parse the JSON to understand:
+   - `schemaName`: The workflow being used
+   - `planningHome`, `changeRoot`, `artifactPaths`, and `actionContext`: path and scope context
+   - `artifacts`: List of artifacts with their status (`done`, `skipped`, or other)
+
+   **If any artifacts are neither `done` nor `skipped`** (skipped artifacts satisfy the requirement - the change declares skip_specs):
+   - Display warning listing incomplete artifacts
+   - Prompt user for confirmation to continue
+   - Proceed if user confirms
+
+3. **Check task completion status**
+
+   Read the tasks file (typically `tasks.md`) to check for incomplete tasks.
+
+   Count tasks marked with `- [ ]` (incomplete) vs `- [x]` (complete).
+
+   **If incomplete tasks found:**
+   - Display warning showing count of incomplete tasks
+   - Prompt user for confirmation to continue
+   - Proceed if user confirms
+
+   **If no tasks file exists:** Proceed without task-related warning.
+
+4. **Assess delta spec sync state**
+
+   Use `artifactPaths.specs.existingOutputPaths` from status JSON as the only
+   delta-spec source. If the `specs` entry is missing or
+   `existingOutputPaths` is empty, proceed without a sync prompt and do not infer
+   delta specs from other artifacts.
+
+   **If delta specs exist:**
+   - Compare each delta spec with its corresponding main spec at `<planningHome.root>/openspec/specs/<capability>/spec.md` (use the store-aware `planningHome.root` from step 2, not a hardcoded repo path)
+   - Determine what changes would be applied (adds, modifications, removals, renames)
+   - Show a combined summary before prompting
+
+   **Prompt options:**
+   - If changes needed: "Sync now (recommended)", "Archive without syncing"
+   - If already synced: "Archive now", "Sync anyway", "Cancel"
+
+   Route on the answer:
+   - "Cancel" — stop, do not archive
+   - "Archive without syncing" or "Archive now" — proceed to archive
+   - "Sync now" or "Sync anyway" — sync, then verify (below)
+   - Anything else — ask again rather than archiving
+
+   Before a selected sync writes any main spec, run
+   `openspec instructions specs --change "<name>" --json` once with the same
+   selected-root flags. Require a zero exit status and valid artifact-instruction
+   JSON. If the lookup fails or returns invalid JSON, report the error and stop
+   before writing any main spec or moving the change. A valid response with omitted
+   `rules` is the no-rules case. Apply returned `rules` only to the content and
+   form of main specs produced by this merge; do not use them as archive guidance,
+   change CLI behavior, or copy the rule text into any output file.
+
+   Then run the `/opsx-sync` workflow inline (agent-driven intelligent merge) for change '<name>', passing the delta spec analysis and the fetched specs-rule snapshot from above, and wait for it to finish. The inline sync must reuse that snapshot without fetching `specs` instructions again. Do not delegate it to a background task — step 5 would move `changeRoot` out from under a sync that is still reading it, leaving the change archived and the main specs never updated. If your agent can only run it by delegation, delegate synchronously and wait for the result.
+
+   Then re-run the comparison from the top of this step against every capability that has a delta spec in `artifactPaths.specs.existingOutputPaths` — not only the ones the sync reports it touched. A successful sync leaves nothing left to apply, so each capability must now read as already synced:
+   - ADDED requirements present
+   - MODIFIED requirements carrying the scenario and description changes named in the delta, with their other scenarios intact
+   - REMOVED requirements gone
+   - RENAMED requirements present under the new name and absent under the old one
+
+   If the sync failed, or any capability does not match, report what differs and stop — do not archive. Nothing has moved and `changeRoot` is intact, so the user can fix the mismatch or re-run the sync and start the archive again.
+
+5. **Perform the archive**
+
+   Create an `archive` directory under `planningHome.changesDir` if it doesn't exist:
+   ```bash
+   mkdir -p "<planningHome.changesDir>/archive"
+   ```
+
+   Generate the target name: use the change name as-is when it already starts with a `YYYY-MM-DD-` prefix; otherwise prepend the current date as `YYYY-MM-DD-<change-name>`. Never stack a second date (same rule as `openspec archive`).
+
+   **Check if target already exists:**
+   - If yes: Fail with error, suggest renaming existing archive or using different date
+   - If no: Move `changeRoot` to the archive directory
+
+   ```bash
+   mv "<changeRoot>" "<planningHome.changesDir>/archive/<target-name>"
+   ```
+
+6. **Display summary**
+
+   Show archive completion summary including:
+   - Change name
+   - Schema that was used
+   - Archive location
+   - Spec sync status (synced / sync skipped / no delta specs)
+   - Note about any warnings (incomplete artifacts/tasks)
+
+**Output On Success**
+
+```markdown
+## Archive Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Archived to:** the archive path derived from `planningHome.changesDir`/<target-name>/
+**Specs:** ✓ Synced to main specs
+
+All artifacts complete. All tasks complete.
+```
+
+**Output On Success (No Delta Specs)**
+
+```markdown
+## Archive Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Archived to:** the archive path derived from `planningHome.changesDir`/<target-name>/
+**Specs:** No delta specs
+
+All artifacts complete. All tasks complete.
+```
+
+**Output On Success With Warnings**
+
+```markdown
+## Archive Complete (with warnings)
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Archived to:** the archive path derived from `planningHome.changesDir`/<target-name>/
+**Specs:** Sync skipped (user chose to skip)
+
+**Warnings:**
+- Archived with 2 incomplete artifacts
+- Archived with 3 incomplete tasks
+- Delta spec sync was skipped (user chose to skip)
+
+Review the archive if this was not intentional.
+```
+
+**Output On Error (Archive Exists)**
+
+```markdown
+## Archive Failed
+
+**Change:** <change-name>
+**Target:** the archive path derived from `planningHome.changesDir`/<target-name>/
+
+Target archive directory already exists.
+
+**Options:**
+1. Rename the existing archive
+2. Delete the existing archive if it's a duplicate
+3. Wait until a different date to archive
+```
+
+**Guardrails**
+- Announce the selected change; prompt for selection when it is ambiguous
+- Use artifact graph (openspec status --json) for completion checking
+- Don't block archive on warnings - just inform and confirm
+- Preserve .openspec.yaml when moving to archive (it moves with the directory)
+- Show clear summary of what happened
+- If sync is requested, run the `/opsx-sync` workflow inline (agent-driven)
+- Never archive while a spec sync is still in flight — run the sync inline and verify the main specs before moving `changeRoot`
+- If delta specs exist, always run the sync assessment and show the combined summary before prompting
+- Apply relevant runtime context and report conflicts; operation guidance remains advisory
+- Consider every guidance entry and explain any inapplicable or conflicting advice
+- Existing CLI checks, resolved paths, prompts, and command contracts are unchanged
+- Artifact rules constrain only the specs being written and are never operation guidance
+- Never copy runtime context, operation guidance, or artifact-rule text verbatim into output files
diff --git a/.cursor/commands/opsx-explore.md b/.cursor/commands/opsx-explore.md
new file mode 100644
index 00000000..0b233a6e
--- /dev/null
+++ b/.cursor/commands/opsx-explore.md
@@ -0,0 +1,180 @@
+---
+name: "/opsx-explore"
+id: "opsx-explore"
+category: "Workflow"
+description: "Enter explore mode - think through ideas, investigate problems, clarify requirements"
+---
+
+Enter explore mode. Think deeply. Visualize freely. Follow the conversation wherever it goes.
+
+**IMPORTANT: Explore mode is for thinking, not implementing.** You may read files, search code, and investigate the codebase, but you must NEVER write code or implement features. If the user asks you to implement something, remind them to exit explore mode first and create a change proposal. You MAY create OpenSpec artifacts (proposals, designs, specs) if the user asks—that's capturing thinking, not implementing.
+
+**This is a stance, not a workflow.** There are no fixed steps, no required sequence, no mandatory outputs. You're a thinking partner helping the user explore.
+
+**Store selection:** If the user names a store (a store is a standalone OpenSpec repo registered on this machine) or the work lives in one, run `openspec store list --json` to discover registered store ids, then pass `--store <id>` on the commands that read or write specs and changes (`new change`, `status`, `instructions`, `list`, `show`, `validate`, `archive`, `doctor`, `context`, `view`). Other commands do not take the flag. Hints printed by commands already carry the flag; keep it on follow-ups. Without a store, commands act on the nearest local `openspec/` root.
+
+**Input**: The argument after `/opsx-explore` is whatever the user wants to think about. Could be:
+- A vague idea: "real-time collaboration"
+- A specific problem: "the auth system is getting unwieldy"
+- A change name: "add-dark-mode" (to explore in context of that change)
+- A comparison: "postgres vs sqlite for this"
+- Nothing (just enter explore mode)
+
+---
+
+## The Stance
+
+- **Curious, not prescriptive** - Ask questions that emerge naturally, don't follow a script
+- **Open threads, not interrogations** - Surface multiple interesting directions and let the user follow what resonates. Don't funnel them through a single path of questions.
+- **Visual** - Use ASCII diagrams liberally when they'd help clarify thinking
+- **Adaptive** - Follow interesting threads, pivot when new information emerges
+- **Patient** - Don't rush to conclusions, let the shape of the problem emerge
+- **Grounded** - Explore the actual codebase when relevant, don't just theorize
+
+---
+
+## What You Might Do
+
+Depending on what the user brings, you might:
+
+**Explore the problem space**
+- Ask clarifying questions that emerge from what they said
+- Challenge assumptions
+- Reframe the problem
+- Find analogies
+
+**Investigate the codebase**
+- Map existing architecture relevant to the discussion
+- Find integration points
+- Identify patterns already in use
+- Surface hidden complexity
+
+**Compare options**
+- Brainstorm multiple approaches
+- Build comparison tables
+- Sketch tradeoffs
+- Recommend a path (if asked)
+
+**Visualize**
+```
+┌─────────────────────────────────────────┐
+│     Use ASCII diagrams liberally        │
+├─────────────────────────────────────────┤
+│                                         │
+│      ┌────────┐         ┌────────┐      │
+│      │ State  │────────▶│ State  │      │
+│      │   A    │         │   B    │      │
+│      └────────┘         └────────┘      │
+│                                         │
+│   System diagrams, state machines,      │
+│   data flows, architecture sketches,    │
+│   dependency graphs, comparison tables  │
+│                                         │
+└─────────────────────────────────────────┘
+```
+
+**Surface risks and unknowns**
+- Identify what could go wrong
+- Find gaps in understanding
+- Suggest spikes or investigations
+
+---
+
+## OpenSpec Awareness
+
+You have full context of the OpenSpec system. Use it naturally, don't force it.
+
+### Check for context
+
+At the start, quickly check what exists:
+```bash
+openspec list --json
+```
+
+This tells you:
+- If there are active changes
+- Their names, schemas, and status
+- What the user might be working on
+
+Then read the project's own context from the resolved root - `<root.path>/openspec/config.yaml` (or `config.yml`). Use the `root.path` returned above, and skip this if neither file exists:
+- `context`: project background - tech stack, conventions, constraints
+- `rules`: keyed by artifact id - the entries for an artifact apply only when you write that artifact
+
+Ground your thinking in these. They are constraints for you to follow, not content to reproduce: do NOT copy them into the conversation or into any artifact you create.
+
+If the user mentioned a specific change name, read its artifacts for context.
+
+### When no change exists
+
+Think freely. When insights crystallize, you might offer:
+
+- "This feels solid enough to start a change. Want me to create a proposal?"
+- Or keep exploring - no pressure to formalize
+
+### When a change exists
+
+If the user mentions a change or you detect one is relevant:
+
+1. **Resolve and read existing artifacts for context**
+   - Run `openspec status --change "<name>" --json`.
+   - Use `changeRoot`, `artifactPaths`, and `actionContext` from the status JSON.
+   - Read existing files from `artifactPaths.<artifact>.existingOutputPaths`.
+
+2. **Reference them naturally in conversation**
+   - "Your design mentions using Redis, but we just realized SQLite fits better..."
+   - "The proposal scopes this to premium users, but we're now thinking everyone..."
+
+3. **Offer to capture when decisions are made**
+
+    | Insight Type               | Where to Capture               |
+    |----------------------------|--------------------------------|
+    | New requirement discovered | `specs/<capability>/spec.md` |
+    | Requirement changed        | `specs/<capability>/spec.md` |
+    | Design decision made       | `design.md`                  |
+    | Scope changed              | `proposal.md`                |
+    | New work identified        | `tasks.md`                   |
+    | Assumption invalidated     | Relevant artifact              |
+
+   Example offers:
+   - "That's a design decision. Capture it in design.md?"
+   - "This is a new requirement. Add it to specs?"
+   - "This changes scope. Update the proposal?"
+
+4. **The user decides** - Offer and move on. Don't pressure. Don't auto-capture.
+
+---
+
+## What You Don't Have To Do
+
+- Follow a script
+- Ask the same questions every time
+- Produce a specific artifact
+- Reach a conclusion
+- Stay on topic if a tangent is valuable
+- Be brief (this is thinking time)
+
+---
+
+## Ending Discovery
+
+There's no required ending. Discovery might:
+
+- **Flow into a proposal**: "Ready to start? I can create a change proposal."
+- **Result in artifact updates**: "Updated design.md with these decisions"
+- **Just provide clarity**: User has what they need, moves on
+- **Continue later**: "We can pick this up anytime"
+
+When things crystallize, you might offer a summary - but it's optional. Sometimes the thinking IS the value.
+
+---
+
+## Guardrails
+
+- **Don't implement** - Never write code or implement features. Creating OpenSpec artifacts is fine, writing application code is not.
+- **Don't fake understanding** - If something is unclear, dig deeper
+- **Don't rush** - Discovery is thinking time, not task time
+- **Don't force structure** - Let patterns emerge naturally
+- **Don't auto-capture** - Offer to save insights, don't just do it
+- **Do visualize** - A good diagram is worth many paragraphs
+- **Do explore the codebase** - Ground discussions in reality
+- **Do question assumptions** - Including the user's and your own
diff --git a/.cursor/commands/opsx-propose.md b/.cursor/commands/opsx-propose.md
new file mode 100644
index 00000000..03c24f3f
--- /dev/null
+++ b/.cursor/commands/opsx-propose.md
@@ -0,0 +1,118 @@
+---
+name: "/opsx-propose"
+id: "opsx-propose"
+category: "Workflow"
+description: "Propose a new change - create it and generate all artifacts in one step"
+---
+
+Propose a new change - create the change and generate all artifacts in one step.
+
+I'll create a change with the artifacts your schema defines. With the default spec-driven schema that is:
+- proposal.md (what & why)
+- `specs/<capability>/spec.md` (what the system must do - a delta, not the main spec)
+- design.md (how)
+- tasks.md (implementation steps)
+
+When ready to implement, run /opsx-apply
+
+---
+
+**Store selection:** If the user names a store (a store is a standalone OpenSpec repo registered on this machine) or the work lives in one, run `openspec store list --json` to discover registered store ids, then pass `--store <id>` on the commands that read or write specs and changes (`new change`, `status`, `instructions`, `list`, `show`, `validate`, `archive`, `doctor`, `context`, `view`). Other commands do not take the flag. Hints printed by commands already carry the flag; keep it on follow-ups. Without a store, commands act on the nearest local `openspec/` root.
+
+**Input**: The argument after `/opsx-propose` is the change name (kebab-case), OR a description of what the user wants to build.
+
+**Steps**
+
+1. **If no input provided, ask what they want to build**
+
+   Ask the user (open-ended, no preset options):
+   > "What change do you want to work on? Describe what you want to build or fix."
+
+   From their description, derive a kebab-case name (e.g., "add user authentication" → `add-user-auth`).
+
+   **IMPORTANT**: Do NOT proceed without understanding what the user wants to build.
+
+2. **Create the change directory**
+   ```bash
+   openspec new change "<name>"
+   ```
+   This creates a scaffolded change in the planning home resolved by the CLI with `.openspec.yaml`.
+
+3. **Get the artifact build order**
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+   Parse the JSON to get:
+   - `applyRequires`: array of artifact IDs needed before implementation (e.g., `["tasks"]`)
+   - `artifacts`: list of all artifacts, each with its `status` and its `requires` edges (the artifact IDs it directly depends on)
+   - `planningHome`, `changeRoot`, `artifactPaths`, and `actionContext`: path and scope context. Use these instead of assuming repo-local paths.
+
+4. **Create every artifact in the required set**
+
+   Use a todo list to track progress through the artifacts.
+
+   Loop through artifacts in dependency order (artifacts with no pending dependencies first):
+
+   a. **For each artifact that is `ready` (dependencies satisfied)**:
+      - Get instructions:
+        ```bash
+        openspec instructions <artifact-id> --change "<name>" --json
+        ```
+      - The instructions JSON includes:
+        - `context`: Project background (constraints for you - do NOT include in output)
+        - `rules`: Artifact-specific rules (constraints for you - do NOT include in output)
+        - `template`: The structure to use for your output file
+        - `instruction`: Schema-specific guidance for this artifact type
+        - `skipped`/`warning`: present when the change declares skip_specs and this artifact must NOT be created - stop and pick another artifact
+        - `resolvedOutputPath`: Resolved path or pattern to write the artifact
+        - `dependencies`: Completed artifacts to read for context
+      - Read any completed dependency files for context - always re-read them from disk, even if you saw them earlier in the conversation (the user may have edited them)
+      - If the `instruction` field delegates creation to a specific skill or command, invoke it to produce the artifact instead of writing the file yourself, then verify the artifact file exists at `resolvedOutputPath`
+      - Otherwise create the artifact file using `template` as the structure and write it to `resolvedOutputPath`. If `resolvedOutputPath` is a glob, follow `instruction` to choose the concrete file path
+      - Apply `context` and `rules` as constraints - but do NOT copy them into the file
+      - Show brief progress: "Created <artifact-id>"
+
+   b. **Continue until every artifact in the required set exists (not just `apply.requires`)**
+      - After creating each artifact, re-run `openspec status --change "<name>" --json`
+      - The required set is `applyRequires` plus every artifact reachable from those by following the `requires` edges in `status --json` - walk them transitively (spec-driven closes over proposal, specs, design, tasks). Leave artifacts outside that set alone
+      - `status` is file-existence only, so an `applyRequires` artifact reading `done` does NOT mean its dependencies exist - writing `tasks.md` early marks `tasks` done while `specs` was never written. Use each artifact's `requires` edges, not its `status`, to build the required set: a `done` artifact still lists what it depends on
+      - An artifact already reading `status: "skipped"` is satisfied: the change declares `skip_specs` in `.openspec.yaml`, so its files must NOT exist. Never try to create one
+      - Create every artifact in the required set that is missing, then re-check - creating one can unblock others
+      - Skip one only when `status` already reports it `skipped`, or when its own `instruction` says it is conditional: run `openspec instructions <artifact-id> --change "<name>" --json` and skip only if its `instruction` field marks it optional (e.g. "create only if..."). Spec-driven's `design.md` qualifies; `specs` qualifies only via the `skipped` status above, never by your own judgment. Tell the user, and do not reconsider it
+      - Dependencies are enablers, not gates: if a required artifact is still `blocked` only because you skipped a conditional dependency, write it anyway
+      - Stop when every artifact in the required set is `done`, `skipped`, or was deliberately skipped
+
+   c. **If an artifact requires user input** (unclear context):
+      - Ask the user to clarify
+      - Then continue with creation
+
+5. **Show final status**
+   ```bash
+   openspec status --change "<name>"
+   ```
+
+**Output**
+
+After completing all artifacts, summarize:
+- Change name and location
+- List of artifacts created with brief descriptions, plus any conditional artifact you skipped and why
+- What's ready: "All artifacts needed for implementation are ready."
+- Prompt: "Run `/opsx-apply` to start implementing."
+
+**Artifact Creation Guidelines**
+
+- Follow the `instruction` field from `openspec instructions` for each artifact type - it is the authoritative guidance, even for familiar artifact names
+- If the `instruction` field directs you to use a specific skill or command to create the artifact, invoke it instead of writing the artifact directly
+- The schema defines what each artifact should contain - follow it
+- Read dependency artifacts for context before creating new ones
+- Use `template` as the structure for your output file - fill in its sections
+- **IMPORTANT**: `context` and `rules` are constraints for YOU, not content for the file
+  - Do NOT copy `<context>`, `<rules>`, `<project_context>` blocks into the artifact
+  - These guide what you write, but should never appear in the output
+
+**Guardrails**
+- Create every artifact the apply phase transitively depends on, not just the ids listed in `apply.requires`
+- Always read dependency artifacts before creating a new one - re-read from disk, not from conversation memory (files may have changed since you last saw them)
+- If context is critically unclear, ask the user - but prefer making reasonable decisions to keep momentum
+- If a change with that name already exists, ask if user wants to continue it or create a new one
+- Verify each artifact file exists after writing before proceeding to next
diff --git a/.cursor/skills/openspec-apply-change/SKILL.md b/.cursor/skills/openspec-apply-change/SKILL.md
new file mode 100644
index 00000000..79bac476
--- /dev/null
+++ b/.cursor/skills/openspec-apply-change/SKILL.md
@@ -0,0 +1,185 @@
+---
+name: openspec-apply-change
+description: Implement tasks from an OpenSpec change. Use when the user wants to start implementing, continue implementation, or work through tasks.
+allowed-tools: Bash(openspec:*)
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.7.0"
+---
+
+Implement tasks from an OpenSpec change.
+
+**Store selection:** If the user names a store (a store is a standalone OpenSpec repo registered on this machine) or the work lives in one, run `openspec store list --json` to discover registered store ids, then pass `--store <id>` on the commands that read or write specs and changes (`new change`, `status`, `instructions`, `list`, `show`, `validate`, `archive`, `doctor`, `context`, `view`). Other commands do not take the flag. Hints printed by commands already carry the flag; keep it on follow-ups. Without a store, commands act on the nearest local `openspec/` root.
+
+**Input**: Optionally specify a change name. If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **Select the change**
+
+   If a name is provided, use it. Otherwise:
+   - Infer from conversation context if the user mentioned a change
+   - Auto-select if only one active change exists
+   - If ambiguous, run `openspec list --json` to get available changes and ask the user to select one
+
+   Always announce: "Using change: <name>" and how to override (e.g., `/opsx-apply <other>`).
+
+2. **Check status to understand the schema**
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+   Parse the JSON to understand:
+   - `schemaName`: The workflow being used (e.g., "spec-driven")
+   - `planningHome`, `changeRoot`, and `actionContext`: planning scope and edit constraints
+   - Which artifact contains the tasks (typically "tasks" for spec-driven, check status for others)
+
+3. **Get apply instructions**
+
+   ```bash
+   openspec instructions apply --change "<name>" --json
+   ```
+
+   This returns:
+   - `contextFiles`: artifact ID -> array of concrete file paths (varies by schema - could be proposal/specs/design/tasks or spec/tests/implementation/docs)
+   - Progress (total, complete, remaining)
+   - Task list with status
+   - Dynamic instruction based on current state
+   - Optional `context`: current required project instruction input from the selected root
+   - Optional `operationGuidance`: current advisory guidance for apply
+
+   **Handle states:**
+   - If `state: "blocked"` (missing artifacts): show message, suggest using openspec-continue-change (if it is not installed, run `openspec status --change "<name>" --json` to see the next artifact and `openspec instructions <artifact-id> --change "<name>" --json` for how to create it)
+   - If `state: "all_done"`: congratulate, suggest archive
+   - Otherwise: proceed to implementation
+
+   Treat `context` as a required prompt-level input. Read and consider it, and
+   apply relevant project facts, conventions, and constraints while implementing.
+   Treat `operationGuidance` as optional additive advice. Read and consider every
+   entry, and follow entries that are applicable and compatible with the built-in
+   workflow.
+
+   Keep both fields separate from CLI-returned state, missing artifacts, tasks,
+   progress, `contextFiles`, and the built-in `instruction`. They are not
+   evidence of task completion, do not replace the built-in instruction, and do
+   not permit bypassing a blocked state. If context conflicts with the built-in
+   instruction, an explicit user choice, or a CLI-controlled value, report the
+   conflict and preserve the controlling value. If guidance is inapplicable or
+   conflicts with those controlling inputs, do not follow it and explain why.
+   These are prompt-level behavior contracts, not enforceable checks.
+
+4. **Read context files**
+
+   Read every file path listed under `contextFiles` from the apply instructions output.
+   The files depend on the schema being used:
+   - **spec-driven**: proposal, specs, design, tasks
+   - Other schemas: follow the contextFiles from CLI output
+
+   Do not copy `context` or `operationGuidance` verbatim into implementation
+   files or planning artifacts unless the user separately asks for that content.
+
+5. **Show current progress**
+
+   Display:
+   - Schema being used
+   - Progress: "N/M tasks complete"
+   - Remaining tasks overview
+   - Dynamic instruction from CLI
+
+6. **Implement tasks (loop until done or blocked)**
+
+   For each pending task:
+   - Show which task is being worked on
+   - Make the code changes required
+   - Keep changes minimal and focused
+   - Mark task complete in the tasks file: `- [ ]` → `- [x]`
+   - Continue to next task
+
+   **Pause if:**
+   - Task is unclear → ask for clarification
+   - Implementation reveals a design issue → suggest updating artifacts
+   - Error or blocker encountered → report and wait for guidance
+   - User interrupts
+
+7. **On completion or pause, show status**
+
+   Display:
+   - Tasks completed this session
+   - Overall progress: "N/M tasks complete"
+   - If all done: suggest archive
+   - If paused: explain why and wait for guidance
+
+**Output During Implementation**
+
+```
+## Implementing: <change-name> (schema: <schema-name>)
+
+Working on task 3/7: <task description>
+[...implementation happening...]
+✓ Task complete
+
+Working on task 4/7: <task description>
+[...implementation happening...]
+✓ Task complete
+```
+
+**Output On Completion**
+
+```
+## Implementation Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Progress:** 7/7 tasks complete ✓
+
+### Completed This Session
+- [x] Task 1
+- [x] Task 2
+...
+
+All tasks complete! Ready to archive this change.
+```
+
+**Output On Pause (Issue Encountered)**
+
+```
+## Implementation Paused
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Progress:** 4/7 tasks complete
+
+### Issue Encountered
+<description of the issue>
+
+**Options:**
+1. <option 1>
+2. <option 2>
+3. Other approach
+
+What would you like to do?
+```
+
+**Guardrails**
+- Keep going through tasks until done or blocked
+- Always read context files before starting (from the apply instructions output)
+- If task is ambiguous, pause and ask before implementing
+- If implementation reveals issues, pause and suggest artifact updates
+- Keep code changes minimal and scoped to each task
+- Update task checkbox immediately after completing each task
+- Pause on errors, blockers, or unclear requirements - don't guess
+- Use contextFiles from CLI output, don't assume specific file names
+- Do not use context or operation guidance as proof that a task is complete
+- Apply relevant project context; report conflicts with controlling workflow inputs
+- Consider every guidance entry; explain any inapplicable or conflicting advice
+- Do not copy runtime context or operation guidance into implementation files or planning artifacts
+- Preserve CLI-controlled blocked/ready/all-done behavior and completion criteria
+
+**Fluid Workflow Integration**
+
+This skill supports the "actions on a change" model:
+
+- **Can be invoked anytime**: Before all artifacts are done (if tasks exist), after partial implementation, interleaved with other actions
+- **Allows artifact updates**: If implementation reveals design issues, suggest updating artifacts - not phase-locked, work fluidly
diff --git a/.cursor/skills/openspec-archive-change/SKILL.md b/.cursor/skills/openspec-archive-change/SKILL.md
new file mode 100644
index 00000000..32699d1f
--- /dev/null
+++ b/.cursor/skills/openspec-archive-change/SKILL.md
@@ -0,0 +1,180 @@
+---
+name: openspec-archive-change
+description: Archive a completed change in the experimental workflow. Use when the user wants to finalize and archive a change after implementation is complete.
+allowed-tools: Bash(openspec:*)
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.7.0"
+---
+
+Archive a completed change in the experimental workflow.
+
+**Store selection:** If the user names a store (a store is a standalone OpenSpec repo registered on this machine) or the work lives in one, run `openspec store list --json` to discover registered store ids, then pass `--store <id>` on the commands that read or write specs and changes (`new change`, `status`, `instructions`, `list`, `show`, `validate`, `archive`, `doctor`, `context`, `view`). Other commands do not take the flag. Hints printed by commands already carry the flag; keep it on follow-ups. Without a store, commands act on the nearest local `openspec/` root.
+
+**Input**: Optionally specify a change name. If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **Select the change**
+
+   If a name is provided, use it. Otherwise:
+   - Infer from conversation context if the user mentioned a change
+   - Auto-select if only one active change exists
+   - If ambiguous, run `openspec list --json` to get available changes and ask the user to select one
+
+   When prompting, show only active changes (not already archived).
+   Include the schema used for each change if available.
+
+   Always announce: "Using change: <name>" and how to override (e.g., `/opsx-archive <other>`).
+
+   **Load current archive inputs before the existing archive checks:**
+
+   After resolving the selected change and planning root, run:
+   ```bash
+   openspec instructions archive --change "<name>" --json
+   ```
+   Keep the same selected-root flags on this command. This lookup is advisory and
+   optional: it only supplies extra prompt inputs, so it must never block archiving.
+   If it exits non-zero or returns invalid JSON — for example on an older CLI that
+   does not support this command yet — continue the archive workflow with no
+   context and no operation guidance. Do not report an error and do not stop.
+
+   A successful response may omit both optional fields. Treat `context` as a
+   required prompt-level input: read and consider it, and apply relevant project
+   facts, conventions, and constraints. Treat `operationGuidance` as optional
+   additive advice: read and consider every entry, and follow entries that are
+   applicable and compatible with the built-in archive workflow.
+
+   Keep both fields separate from built-in steps, explicit user choices, resolved
+   paths, CLI checks, and command contracts. If context conflicts with one of those
+   controlling inputs, report the conflict and preserve the controlling value. If
+   guidance is inapplicable or conflicts with a controlling input, do not follow it
+   and explain why. Do not infer replacement paths, skipped prompts, or flags from
+   either field, and do not copy their text verbatim into specs, change artifacts,
+   or archive summaries unless the user separately asks for it. These are
+   prompt-level behavior contracts, not enforceable checks.
+
+2. **Check artifact completion status**
+
+   Run `openspec status --change "<name>" --json` to check artifact completion.
+
+   Parse the JSON to understand:
+   - `schemaName`: The workflow being used
+   - `planningHome`, `changeRoot`, `artifactPaths`, and `actionContext`: path and scope context
+   - `artifacts`: List of artifacts with their status (`done`, `skipped`, or other)
+
+   **If any artifacts are neither `done` nor `skipped`** (skipped artifacts satisfy the requirement - the change declares skip_specs):
+   - Display warning listing incomplete artifacts
+   - Ask the user to confirm they want to proceed
+   - Proceed if user confirms
+
+3. **Check task completion status**
+
+   Read the tasks file (typically `tasks.md`) to check for incomplete tasks.
+
+   Count tasks marked with `- [ ]` (incomplete) vs `- [x]` (complete).
+
+   **If incomplete tasks found:**
+   - Display warning showing count of incomplete tasks
+   - Ask the user to confirm they want to proceed
+   - Proceed if user confirms
+
+   **If no tasks file exists:** Proceed without task-related warning.
+
+4. **Assess delta spec sync state**
+
+   Use `artifactPaths.specs.existingOutputPaths` from status JSON as the only
+   delta-spec source. If the `specs` entry is missing or
+   `existingOutputPaths` is empty, proceed without a sync prompt and do not infer
+   delta specs from other artifacts.
+
+   **If delta specs exist:**
+   - Compare each delta spec with its corresponding main spec at `<planningHome.root>/openspec/specs/<capability>/spec.md` (use the store-aware `planningHome.root` from step 2, not a hardcoded repo path)
+   - Determine what changes would be applied (adds, modifications, removals, renames)
+   - Show a combined summary before prompting
+
+   **Prompt options:**
+   - If changes needed: "Sync now (recommended)", "Archive without syncing"
+   - If already synced: "Archive now", "Sync anyway", "Cancel"
+
+   Route on the answer:
+   - "Cancel" — stop, do not archive
+   - "Archive without syncing" or "Archive now" — proceed to archive
+   - "Sync now" or "Sync anyway" — sync, then verify (below)
+   - Anything else — ask again rather than archiving
+
+   Before a selected sync writes any main spec, run
+   `openspec instructions specs --change "<name>" --json` once with the same
+   selected-root flags. Require a zero exit status and valid artifact-instruction
+   JSON. If the lookup fails or returns invalid JSON, report the error and stop
+   before writing any main spec or moving the change. A valid response with omitted
+   `rules` is the no-rules case. Apply returned `rules` only to the content and
+   form of main specs produced by this merge; do not use them as archive guidance,
+   change CLI behavior, or copy the rule text into any output file.
+
+   Then run the `openspec-sync-specs` workflow inline (agent-driven intelligent merge) for change '<name>', passing the delta spec analysis and the fetched specs-rule snapshot from above, and wait for it to finish. The inline sync must reuse that snapshot without fetching `specs` instructions again. Do not delegate it to a background task — step 5 would move `changeRoot` out from under a sync that is still reading it, leaving the change archived and the main specs never updated. If your agent can only run it by delegation, delegate synchronously and wait for the result.
+
+   Then re-run the comparison from the top of this step against every capability that has a delta spec in `artifactPaths.specs.existingOutputPaths` — not only the ones the sync reports it touched. A successful sync leaves nothing left to apply, so each capability must now read as already synced:
+   - ADDED requirements present
+   - MODIFIED requirements carrying the scenario and description changes named in the delta, with their other scenarios intact
+   - REMOVED requirements gone
+   - RENAMED requirements present under the new name and absent under the old one
+
+   If the sync failed, or any capability does not match, report what differs and stop — do not archive. Nothing has moved and `changeRoot` is intact, so the user can fix the mismatch or re-run the sync and start the archive again.
+
+5. **Perform the archive**
+
+   Create an `archive` directory under `planningHome.changesDir` if it doesn't exist:
+   ```bash
+   mkdir -p "<planningHome.changesDir>/archive"
+   ```
+
+   Generate the target name: use the change name as-is when it already starts with a `YYYY-MM-DD-` prefix; otherwise prepend the current date as `YYYY-MM-DD-<change-name>`. Never stack a second date (same rule as `openspec archive`).
+
+   **Check if target already exists:**
+   - If yes: Fail with error, suggest renaming existing archive or using different date
+   - If no: Move `changeRoot` to the archive directory
+
+   ```bash
+   mv "<changeRoot>" "<planningHome.changesDir>/archive/<target-name>"
+   ```
+
+6. **Display summary**
+
+   Show archive completion summary including:
+   - Change name
+   - Schema that was used
+   - Archive location
+   - Whether specs were synced (if applicable)
+   - Note about any warnings (incomplete artifacts/tasks)
+
+**Output On Success**
+
+```markdown
+## Archive Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Archived to:** the archive path derived from `planningHome.changesDir`/<target-name>/
+**Specs:** <"✓ Synced to main specs" only if the step 4 verification passed; otherwise "No delta specs" or "Sync skipped">
+
+<"All artifacts complete. All tasks complete." — or, if archived with warnings, list them instead (e.g. "Archived with 2 incomplete tasks")>
+```
+
+**Guardrails**
+- Announce the selected change; prompt for selection when it is ambiguous
+- Use artifact graph (openspec status --json) for completion checking
+- Don't block archive on warnings - just inform and confirm
+- Preserve .openspec.yaml when moving to archive (it moves with the directory)
+- Show clear summary of what happened
+- If sync is requested, run the `openspec-sync-specs` workflow inline (agent-driven)
+- Never archive while a spec sync is still in flight — run the sync inline and verify the main specs before moving `changeRoot`
+- If delta specs exist, always run the sync assessment and show the combined summary before prompting
+- Apply relevant runtime context and report conflicts; operation guidance remains advisory
+- Consider every guidance entry and explain any inapplicable or conflicting advice
+- Existing CLI checks, resolved paths, prompts, and command contracts are unchanged
+- Artifact rules constrain only the specs being written and are never operation guidance
+- Never copy runtime context, operation guidance, or artifact-rule text verbatim into output files
diff --git a/.cursor/skills/openspec-explore/SKILL.md b/.cursor/skills/openspec-explore/SKILL.md
new file mode 100644
index 00000000..86afbd55
--- /dev/null
+++ b/.cursor/skills/openspec-explore/SKILL.md
@@ -0,0 +1,296 @@
+---
+name: openspec-explore
+description: Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
+allowed-tools: Bash(openspec:*)
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.7.0"
+---
+
+Enter explore mode. Think deeply. Visualize freely. Follow the conversation wherever it goes.
+
+**IMPORTANT: Explore mode is for thinking, not implementing.** You may read files, search code, and investigate the codebase, but you must NEVER write code or implement features. If the user asks you to implement something, remind them to exit explore mode first and create a change proposal. You MAY create OpenSpec artifacts (proposals, designs, specs) if the user asks—that's capturing thinking, not implementing.
+
+**This is a stance, not a workflow.** There are no fixed steps, no required sequence, no mandatory outputs. You're a thinking partner helping the user explore.
+
+**Store selection:** If the user names a store (a store is a standalone OpenSpec repo registered on this machine) or the work lives in one, run `openspec store list --json` to discover registered store ids, then pass `--store <id>` on the commands that read or write specs and changes (`new change`, `status`, `instructions`, `list`, `show`, `validate`, `archive`, `doctor`, `context`, `view`). Other commands do not take the flag. Hints printed by commands already carry the flag; keep it on follow-ups. Without a store, commands act on the nearest local `openspec/` root.
+
+---
+
+## The Stance
+
+- **Curious, not prescriptive** - Ask questions that emerge naturally, don't follow a script
+- **Open threads, not interrogations** - Surface multiple interesting directions and let the user follow what resonates. Don't funnel them through a single path of questions.
+- **Visual** - Use ASCII diagrams liberally when they'd help clarify thinking
+- **Adaptive** - Follow interesting threads, pivot when new information emerges
+- **Patient** - Don't rush to conclusions, let the shape of the problem emerge
+- **Grounded** - Explore the actual codebase when relevant, don't just theorize
+
+---
+
+## What You Might Do
+
+Depending on what the user brings, you might:
+
+**Explore the problem space**
+- Ask clarifying questions that emerge from what they said
+- Challenge assumptions
+- Reframe the problem
+- Find analogies
+
+**Investigate the codebase**
+- Map existing architecture relevant to the discussion
+- Find integration points
+- Identify patterns already in use
+- Surface hidden complexity
+
+**Compare options**
+- Brainstorm multiple approaches
+- Build comparison tables
+- Sketch tradeoffs
+- Recommend a path (if asked)
+
+**Visualize**
+```
+┌─────────────────────────────────────────┐
+│     Use ASCII diagrams liberally        │
+├─────────────────────────────────────────┤
+│                                         │
+│      ┌────────┐         ┌────────┐      │
+│      │ State  │────────▶│ State  │      │
+│      │   A    │         │   B    │      │
+│      └────────┘         └────────┘      │
+│                                         │
+│   System diagrams, state machines,      │
+│   data flows, architecture sketches,    │
+│   dependency graphs, comparison tables  │
+│                                         │
+└─────────────────────────────────────────┘
+```
+
+**Surface risks and unknowns**
+- Identify what could go wrong
+- Find gaps in understanding
+- Suggest spikes or investigations
+
+---
+
+## OpenSpec Awareness
+
+You have full context of the OpenSpec system. Use it naturally, don't force it.
+
+### Check for context
+
+At the start, quickly check what exists:
+```bash
+openspec list --json
+```
+
+This tells you:
+- If there are active changes
+- Their names, schemas, and status
+- What the user might be working on
+
+Then read the project's own context from the resolved root - `<root.path>/openspec/config.yaml` (or `config.yml`). Use the `root.path` returned above, and skip this if neither file exists:
+- `context`: project background - tech stack, conventions, constraints
+- `rules`: keyed by artifact id - the entries for an artifact apply only when you write that artifact
+
+Ground your thinking in these. They are constraints for you to follow, not content to reproduce: do NOT copy them into the conversation or into any artifact you create.
+
+### When no change exists
+
+Think freely. When insights crystallize, you might offer:
+
+- "This feels solid enough to start a change. Want me to create a proposal?"
+- Or keep exploring - no pressure to formalize
+
+### When a change exists
+
+If the user mentions a change or you detect one is relevant:
+
+1. **Resolve and read existing artifacts for context**
+   - Run `openspec status --change "<name>" --json`.
+   - Use `changeRoot`, `artifactPaths`, and `actionContext` from the status JSON.
+   - Read existing files from `artifactPaths.<artifact>.existingOutputPaths`.
+
+2. **Reference them naturally in conversation**
+   - "Your design mentions using Redis, but we just realized SQLite fits better..."
+   - "The proposal scopes this to premium users, but we're now thinking everyone..."
+
+3. **Offer to capture when decisions are made**
+
+    | Insight Type               | Where to Capture               |
+    |----------------------------|--------------------------------|
+    | New requirement discovered | `specs/<capability>/spec.md` |
+    | Requirement changed        | `specs/<capability>/spec.md` |
+    | Design decision made       | `design.md`                  |
+    | Scope changed              | `proposal.md`                |
+    | New work identified        | `tasks.md`                   |
+    | Assumption invalidated     | Relevant artifact              |
+
+   Example offers:
+   - "That's a design decision. Capture it in design.md?"
+   - "This is a new requirement. Add it to specs?"
+   - "This changes scope. Update the proposal?"
+
+4. **The user decides** - Offer and move on. Don't pressure. Don't auto-capture.
+
+---
+
+## What You Don't Have To Do
+
+- Follow a script
+- Ask the same questions every time
+- Produce a specific artifact
+- Reach a conclusion
+- Stay on topic if a tangent is valuable
+- Be brief (this is thinking time)
+
+---
+
+## Handling Different Entry Points
+
+**User brings a vague idea:**
+```
+User: I'm thinking about adding real-time collaboration
+
+You: Real-time collab is a big space. Let me think about this...
+
+      COLLABORATION SPECTRUM
+      ════════════════════════════════════════════
+
+      Awareness          Coordination         Sync
+          │                   │                 │
+          ▼                   ▼                 ▼
+      ┌────────┐         ┌────────┐        ┌────────┐
+      │Presence│         │Cursors │        │  CRDT  │
+      │  "3    │         │ Multi  │        │Conflict│
+      │online" │         │ select │        │  free  │
+      └────────┘         └────────┘        └────────┘
+          │                   │                 │
+       trivial            moderate           complex
+
+      Where's your head at?
+```
+
+**User brings a specific problem:**
+```
+User: The auth system is a mess
+
+You: [reads codebase]
+
+     ┌─────────────────────────────────────────────┐
+     │              CURRENT AUTH FLOW              │
+     └─────────────────────────────────────────────┘
+                        │
+          ┌─────────────┼─────────────┐
+          ▼             ▼             ▼
+     ┌─────────┐  ┌─────────┐  ┌─────────┐
+     │ Google  │  │  GitHub │  │  Email  │
+     │  OAuth  │  │  OAuth  │  │  Magic  │
+     └────┬────┘  └────┬────┘  └────┬────┘
+          │             │             │
+          └─────────────┼─────────────┘
+                        ▼
+                  ┌───────────┐
+                  │  Session  │
+                  └─────┬─────┘
+                        │
+                        ▼
+                  ┌───────────┐
+                  │   Perms   │
+                  └───────────┘
+
+     I see three tangles. Which one's burning?
+```
+
+**User is stuck mid-implementation:**
+```
+User: /opsx-explore add-auth-system
+      The OAuth integration is more complex than expected
+
+You: [reads change artifacts]
+
+     You're on task 4: "Implement OAuth flow"
+
+     Let me trace what's involved...
+
+     [draws diagram, explores options, suggests paths]
+
+     Want to update the design to reflect this?
+     Or add a spike task to investigate?
+```
+
+**User wants to compare options:**
+```
+User: Should we use Postgres or SQLite?
+
+You: Generic answer is boring. What's the context?
+
+User: A CLI tool that tracks local dev environments
+
+You: That changes everything.
+
+     ┌─────────────────────────────────────────────────┐
+     │          CLI TOOL DATA STORAGE                  │
+     └─────────────────────────────────────────────────┘
+
+     Key constraints:
+     • No daemon running
+     • Must work offline
+     • Single user
+
+                  SQLite          Postgres
+     Deployment   embedded ✓      needs server ✗
+     Offline      yes ✓           no ✗
+     Single file  yes ✓           no ✗
+
+     SQLite. Not even close.
+
+     Unless... is there a sync component?
+```
+
+---
+
+## Ending Discovery
+
+There's no required ending. Discovery might:
+
+- **Flow into a proposal**: "Ready to start? I can create a change proposal."
+- **Result in artifact updates**: "Updated design.md with these decisions"
+- **Just provide clarity**: User has what they need, moves on
+- **Continue later**: "We can pick this up anytime"
+
+When it feels like things are crystallizing, you might summarize:
+
+```
+## What We Figured Out
+
+**The problem**: [crystallized understanding]
+
+**The approach**: [if one emerged]
+
+**Open questions**: [if any remain]
+
+**Next steps** (if ready):
+- Create a change proposal
+- Keep exploring: just keep talking
+```
+
+But this summary is optional. Sometimes the thinking IS the value.
+
+---
+
+## Guardrails
+
+- **Don't implement** - Never write code or implement features. Creating OpenSpec artifacts is fine, writing application code is not.
+- **Don't fake understanding** - If something is unclear, dig deeper
+- **Don't rush** - Discovery is thinking time, not task time
+- **Don't force structure** - Let patterns emerge naturally
+- **Don't auto-capture** - Offer to save insights, don't just do it
+- **Do visualize** - A good diagram is worth many paragraphs
+- **Do explore the codebase** - Ground discussions in reality
+- **Do question assumptions** - Including the user's and your own
diff --git a/.cursor/skills/openspec-propose/SKILL.md b/.cursor/skills/openspec-propose/SKILL.md
new file mode 100644
index 00000000..244aa6ef
--- /dev/null
+++ b/.cursor/skills/openspec-propose/SKILL.md
@@ -0,0 +1,123 @@
+---
+name: openspec-propose
+description: Propose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.
+allowed-tools: Bash(openspec:*)
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.7.0"
+---
+
+Propose a new change - create the change and generate all artifacts in one step.
+
+I'll create a change with the artifacts your schema defines. With the default spec-driven schema that is:
+- proposal.md (what & why)
+- `specs/<capability>/spec.md` (what the system must do - a delta, not the main spec)
+- design.md (how)
+- tasks.md (implementation steps)
+
+When ready to implement, run /opsx-apply
+
+---
+
+**Store selection:** If the user names a store (a store is a standalone OpenSpec repo registered on this machine) or the work lives in one, run `openspec store list --json` to discover registered store ids, then pass `--store <id>` on the commands that read or write specs and changes (`new change`, `status`, `instructions`, `list`, `show`, `validate`, `archive`, `doctor`, `context`, `view`). Other commands do not take the flag. Hints printed by commands already carry the flag; keep it on follow-ups. Without a store, commands act on the nearest local `openspec/` root.
+
+**Input**: The user's request should include a change name (kebab-case) OR a description of what they want to build.
+
+**Steps**
+
+1. **If no clear input provided, ask what they want to build**
+
+   Ask the user (open-ended, no preset options):
+   > "What change do you want to work on? Describe what you want to build or fix."
+
+   From their description, derive a kebab-case name (e.g., "add user authentication" → `add-user-auth`).
+
+   **IMPORTANT**: Do NOT proceed without understanding what the user wants to build.
+
+2. **Create the change directory**
+   ```bash
+   openspec new change "<name>"
+   ```
+   This creates a scaffolded change in the planning home resolved by the CLI with `.openspec.yaml`.
+
+3. **Get the artifact build order**
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+   Parse the JSON to get:
+   - `applyRequires`: array of artifact IDs needed before implementation (e.g., `["tasks"]`)
+   - `artifacts`: list of all artifacts, each with its `status` and its `requires` edges (the artifact IDs it directly depends on)
+   - `planningHome`, `changeRoot`, `artifactPaths`, and `actionContext`: path and scope context. Use these instead of assuming repo-local paths.
+
+4. **Create every artifact in the required set**
+
+   Use a todo list to track progress through the artifacts.
+
+   Loop through artifacts in dependency order (artifacts with no pending dependencies first):
+
+   a. **For each artifact that is `ready` (dependencies satisfied)**:
+      - Get instructions:
+        ```bash
+        openspec instructions <artifact-id> --change "<name>" --json
+        ```
+      - The instructions JSON includes:
+        - `context`: Project background (constraints for you - do NOT include in output)
+        - `rules`: Artifact-specific rules (constraints for you - do NOT include in output)
+        - `template`: The structure to use for your output file
+        - `instruction`: Schema-specific guidance for this artifact type
+        - `skipped`/`warning`: present when the change declares skip_specs and this artifact must NOT be created - stop and pick another artifact
+        - `resolvedOutputPath`: Resolved path or pattern to write the artifact
+        - `dependencies`: Completed artifacts to read for context
+      - Read any completed dependency files for context - always re-read them from disk, even if you saw them earlier in the conversation (the user may have edited them)
+      - If the `instruction` field delegates creation to a specific skill or command, invoke it to produce the artifact instead of writing the file yourself, then verify the artifact file exists at `resolvedOutputPath`
+      - Otherwise create the artifact file using `template` as the structure and write it to `resolvedOutputPath`. If `resolvedOutputPath` is a glob, follow `instruction` to choose the concrete file path
+      - Apply `context` and `rules` as constraints - but do NOT copy them into the file
+      - Show brief progress: "Created <artifact-id>"
+
+   b. **Continue until every artifact in the required set exists (not just `apply.requires`)**
+      - After creating each artifact, re-run `openspec status --change "<name>" --json`
+      - The required set is `applyRequires` plus every artifact reachable from those by following the `requires` edges in `status --json` - walk them transitively (spec-driven closes over proposal, specs, design, tasks). Leave artifacts outside that set alone
+      - `status` is file-existence only, so an `applyRequires` artifact reading `done` does NOT mean its dependencies exist - writing `tasks.md` early marks `tasks` done while `specs` was never written. Use each artifact's `requires` edges, not its `status`, to build the required set: a `done` artifact still lists what it depends on
+      - An artifact already reading `status: "skipped"` is satisfied: the change declares `skip_specs` in `.openspec.yaml`, so its files must NOT exist. Never try to create one
+      - Create every artifact in the required set that is missing, then re-check - creating one can unblock others
+      - Skip one only when `status` already reports it `skipped`, or when its own `instruction` says it is conditional: run `openspec instructions <artifact-id> --change "<name>" --json` and skip only if its `instruction` field marks it optional (e.g. "create only if..."). Spec-driven's `design.md` qualifies; `specs` qualifies only via the `skipped` status above, never by your own judgment. Tell the user, and do not reconsider it
+      - Dependencies are enablers, not gates: if a required artifact is still `blocked` only because you skipped a conditional dependency, write it anyway
+      - Stop when every artifact in the required set is `done`, `skipped`, or was deliberately skipped
+
+   c. **If an artifact requires user input** (unclear context):
+      - Ask the user to clarify
+      - Then continue with creation
+
+5. **Show final status**
+   ```bash
+   openspec status --change "<name>"
+   ```
+
+**Output**
+
+After completing all artifacts, summarize:
+- Change name and location
+- List of artifacts created with brief descriptions, plus any conditional artifact you skipped and why
+- What's ready: "All artifacts needed for implementation are ready."
+- Prompt: "Run `/opsx-apply` or ask me to implement to start working on the tasks."
+
+**Artifact Creation Guidelines**
+
+- Follow the `instruction` field from `openspec instructions` for each artifact type - it is the authoritative guidance, even for familiar artifact names
+- If the `instruction` field directs you to use a specific skill or command to create the artifact, invoke it instead of writing the artifact directly
+- The schema defines what each artifact should contain - follow it
+- Read dependency artifacts for context before creating new ones
+- Use `template` as the structure for your output file - fill in its sections
+- **IMPORTANT**: `context` and `rules` are constraints for YOU, not content for the file
+  - Do NOT copy `<context>`, `<rules>`, `<project_context>` blocks into the artifact
+  - These guide what you write, but should never appear in the output
+
+**Guardrails**
+- Create every artifact the apply phase transitively depends on, not just the ids listed in `apply.requires`
+- Always read dependency artifacts before creating a new one - re-read from disk, not from conversation memory (files may have changed since you last saw them)
+- If context is critically unclear, ask the user - but prefer making reasonable decisions to keep momentum
+- If a change with that name already exists, ask if user wants to continue it or create a new one
+- Verify each artifact file exists after writing before proceeding to next
diff --git a/AGENTS.md b/AGENTS.md
index 047965fd..049b25fe 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -130,6 +130,7 @@ packages/
   vue/            # Vue components (@git-diff-view/vue)
   solid/          # Solid components (@git-diff-view/solid)
   svelte/         # Svelte components (@git-diff-view/svelte)
+  lynx/           # ReactLynx DiffView (@git-diff-view/lynx)
   cli/            # CLI tool (@git-diff-view/cli)
   file/           # File comparison engine (@git-diff-view/file)
   utils/          # Shared utilities (@git-diff-view/utils)
@@ -141,6 +142,7 @@ ui/
   vue-example/    # Vue demo app (Vite)
   solid-example/  # Solid demo app
   svelte-example/ # Svelte demo
+  lynx-example/   # ReactLynx DiffView demo
 scripts/          # Build scripts (ts-node)
 ```
 
@@ -154,7 +156,7 @@ scripts/          # Build scripts (ts-node)
 ## ESLint Configuration
 
 - Base config: `project-tool/baseLint`
-- Ignored: `dist`, `dev`, `scripts`, `node_modules`, `next-*-example`, `packages/solid`, `packages/svelte`
+- Ignored: `dist`, `dev`, `scripts`, `node_modules`, `next-*-example`, `packages/solid`, `packages/svelte`, `packages/lynx`, `ui/lynx-example`
 
 ## Important Notes
 
diff --git a/README.md b/README.md
index 75679489..cff330fe 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 # Git Diff View
 
-**A high-performance, feature-rich diff view component for React / Vue / Solid / Svelte**
+**A high-performance, feature-rich diff view component for React / Vue / Solid / Svelte / Lynx**
 
 [![Deploy](https://github.com/MrWangJustToDo/git-diff-view/actions/workflows/deploy.yml/badge.svg)](https://github.com/MrWangJustToDo/git-diff-view/actions/workflows/deploy.yml)
 ![NPM Downloads](https://img.shields.io/npm/dm/%40git-diff-view%2Fcore)
@@ -16,7 +16,7 @@
 
 - 🎨 **Full Syntax Highlighting** - HAST AST highlighting via Lowlight / Shiki / Lezer
 - ⚡ **High Performance** - Web Worker & Node Server support, template mode optimization
-- 🎯 **Framework Agnostic** - React, Vue, Solid, Svelte, and CLI support
+- 🎯 **Framework Agnostic** - React, Vue, Solid, Svelte, Lynx (ReactLynx), and CLI support
 - 🔧 **Highly Customizable** - Widgets, extend data, themes, and flexible rendering
 - 📦 **Multiple Modes** - Git diff or file comparison with Split/Unified views
 - 🌗 **SSR/RSC Ready** - Full server-side rendering and React Server Components support
@@ -51,11 +51,14 @@ pnpm add @git-diff-view/vue
 pnpm add @git-diff-view/solid
 pnpm add @git-diff-view/svelte
 
+# ReactLynx (Lynx)
+pnpm add @git-diff-view/lynx
+
 # CLI (terminal / Ink)
 pnpm add @git-diff-view/cli
 ```
 
-**[View Examples](https://github.com/MrWangJustToDo/git-diff-view/tree/main/ui)** for React / Vue / Solid / Svelte
+**[View Examples](https://github.com/MrWangJustToDo/git-diff-view/tree/main/ui)** for React / Vue / Solid / Svelte / Lynx
 
 ## 🚀 Quick Start
 
@@ -130,6 +133,7 @@ import { DiffView, DiffModeEnum } from "@git-diff-view/cli";
 - [`@git-diff-view/vue`](https://www.npmjs.com/package/@git-diff-view/vue) - Vue component
 - [`@git-diff-view/solid`](https://www.npmjs.com/package/@git-diff-view/solid) - Solid component
 - [`@git-diff-view/svelte`](https://www.npmjs.com/package/@git-diff-view/svelte) - Svelte component
+- [`@git-diff-view/lynx`](https://www.npmjs.com/package/@git-diff-view/lynx) - ReactLynx DiffView (wrap-first Split/Unified)
 - [`@git-diff-view/cli`](https://www.npmjs.com/package/@git-diff-view/cli) - Terminal diff viewer (`DiffView`, `CodeView`, scroll API)
 
 **Core Libraries**
@@ -169,8 +173,9 @@ Try switching engines in the [live demo](https://mrwangjusttodo.github.io/git-di
 - ✅ **Web Worker Support** - Offload processing for better performance
 - ✅ **SSR & RSC** - Full server-side rendering support for React and Vue
 - ✅ **Diff Match Patch** - Enhanced line-level diff with FastDiff template
-- ✅ **Multiple Platforms** - React, Vue, Solid, Svelte, and CLI
+- ✅ **Multiple Platforms** - React, Vue, Solid, Svelte, Lynx, and CLI
 - ✅ **CLI Scroll Viewport** - Fixed-height terminal viewport with programmatic scroll (`@git-diff-view/cli`)
+- ✅ **Lynx DiffView** - Wrap-first Split/Unified on ReactLynx (`@git-diff-view/lynx`)
 
 ## ⚡ Advanced Features
 
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 73273e9c..54de5c57 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -13,7 +13,9 @@ export default [
       "node_modules/**",
       "ui/next-app-example/**",
       "ui/next-page-example/**",
+      "ui/lynx-example/**",
       "packages/svelte/**",
+      "packages/lynx/**",
     ],
   },
   {
diff --git a/openspec/changes/add-react-lynx-diffview/.openspec.yaml b/openspec/changes/add-react-lynx-diffview/.openspec.yaml
new file mode 100644
index 00000000..e08b5f89
--- /dev/null
+++ b/openspec/changes/add-react-lynx-diffview/.openspec.yaml
@@ -0,0 +1,2 @@
+schema: spec-driven
+created: 2026-08-03
diff --git a/openspec/changes/add-react-lynx-diffview/design.md b/openspec/changes/add-react-lynx-diffview/design.md
new file mode 100644
index 00000000..a99723c2
--- /dev/null
+++ b/openspec/changes/add-react-lynx-diffview/design.md
@@ -0,0 +1,143 @@
+## Context
+
+See `proposal.md` for motivation. Constraints that shape this design:
+
+- **Primary UI reference:** `@git-diff-view/react` **`components/v2`** (div/flex, not `<table>`). v1 table-based Split is the wrong Lynx blueprint.
+- **Content/rendering reference:** `@git-diff-view/cli` for `setEnableBuildTemplate(false)` + AST/plain coloring (no `dangerouslySetInnerHTML`).
+- Lynx (ReactLynx) uses `<view>` / `<text>` / `<scroll-view>` / `<list>`, CSS (incl. variables), flex/linear/grid, dual-thread JS; elements are platform-agnostic.
+- **Resolved product choices:** MVP = Unified + Split, **wrap-first**, `ui/lynx-example`.
+
+### Split layout model (why wrap-first is simpler)
+
+This is the critical product/architecture detail (not “Lynx wraps text so wrap is easy” alone):
+
+| Mode | Split structure | Height / scroll |
+|------|-----------------|-----------------|
+| **Wrap** (`DiffSplitViewWrap_v2`) | **One** document tree. Each logical line is **one** flex row: oldNum + oldContent \| newNum + newContent | Row height = max(left, right) naturally. No dual-pane sync. |
+| **No-wrap** (`DiffSplitViewNormal_v2`) | **Two** side containers (`old-diff-table-wrapper` / `new-…`), each with its own line list | Independent **horizontal** scroll per side; **vertical** `syncScroll`; hunk/extend/widget need `useSyncHeight` across sides |
+| **Unified** | Always one column | Wrap vs no-wrap only changes text wrap / HScroll of that single column — **no dual-container problem** |
+
+v2 Wrap content line (`DiffSplitContentLineWrap_v2`): one `div.diff-line.flex` owns both sides.  
+v2 Normal content line (`DiffSplitContentLineNormal_v2`): takes `side`, renders only that side inside its pane.
+
+Line iteration in v2: `getSplitLines()` → typed dispatcher (`hunk` / `content` / `widget` / `extend`) via `DiffFileLineType` — cleaner than v1’s content-only loop + sibling hunk/extend.
+
+**Lynx MVP implication:** implement the **wrap Split model** (single tree, one row both sides) + Unified wrap. Defer no-wrap dual-pane HScroll (+ syncScroll / useSyncHeight equivalents).
+
+## Goals / Non-Goals
+
+**Goals:**
+
+- Ship `@git-diff-view/lynx` with ReactLynx `DiffView` for **Unified + Split**, **wrap-first**.
+- Align props/semantics with `@git-diff-view/react` where supported; document gaps.
+- Reuse core `DiffFile` lifecycle and highlighters without HTML templates.
+- Cross-platform via Lynx element model (no separate Web fork).
+
+**Non-Goals (MVP):**
+
+- `diffViewAddWidget` / widget store, `DiffViewWithMultiSelect`, `components/v2/*`.
+- Browser-faithful nowrap + horizontal scrollbar parity (optional follow-up).
+- Sharing source with `@git-diff-view/react`.
+- Perfect GitHub pixel parity.
+
+## Decisions
+
+### 1. Package name: `@git-diff-view/lynx`
+
+- **Choice:** `packages/lynx` → npm `@git-diff-view/lynx`.
+- **Rationale:** Matches host-named packages (`cli`); ReactLynx is the binding, not the product name.
+
+### 2. Architecture: new package, **v2 wrap-shaped** tree, CLI content strategy
+
+```
+@git-diff-view/core
+        ↓
+@git-diff-view/lynx
+  DiffView
+    ├── DiffUnifiedView          ← one column, wrap text
+    └── DiffSplitView (wrap)     ← mirror DiffSplitViewWrap_v2
+          getSplitLines() → DiffSplitViewLine switch
+          DiffSplitContentLine   ← one row = both sides (v2 Wrap)
+          DiffSplitHunk/Extend   ← same single-tree row model
+          DiffContent            ← AST/plain → nested <text>, enableWrap=true
+```
+
+- Blueprint files: `packages/react/src/components/v2/DiffSplitViewWrap_v2.tsx`, `DiffSplitViewLineWrap_v2.tsx`, `DiffSplitContentLineWrap_v2.tsx`, and sibling Wrap hunk/extend/widget.
+- Do **not** start from `DiffSplitViewNormal_v2` (dual scroll containers).
+- `setEnableBuildTemplate(false)`; render from `syntaxLine.nodeList` / change ranges.
+
+### 3. Platforms: one codebase for all Lynx targets
+
+- **Choice:** Implement once against Lynx elements; smoke-test on whatever targets the example supports (prefer at least one native **or** Lynx Web during development).
+- **Rationale:** Lynx’s model is intentionally cross-platform; “天生支持” is correct at the API/element layer. Residual differences (font metrics, scroll feel) are runtime quirks to note in docs, not separate packages.
+- **Alternative:** Native-only first — rejected as unnecessary fork.
+
+### 4. Styling: **Tailwind CSS v3 + CSS custom properties**
+
+- **Choice:** Tailwind (with `@lynx-js/tailwind-preset`) for layout/spacing, mirroring `@git-diff-view/react` v2 class patterns; theme tokens as CSS variables under `.theme-light` / `.theme-dark`; semantic surface classes (`.diff-surface-*`) consume `var(--diff-*)` in the **stylesheet** (not inline `var()`).
+- **Inline style** only for values that must be dynamic at runtime (e.g. computed gutter width in px, `fontSize` from `diffViewFontSize`, syntax-run colors, Lynx-only `scroll-view` / `linearDirection`).
+- **Rationale:** Lynx documents Tailwind v3 + preset; DOM package already uses Tailwind; stylesheet `var()` is reliable on Lynx while inline `var()` is not.
+- **Build:** `packages/lynx` PostCSS `gen:css` (theme + utilities); `ui/lynx-example` uses `rsbuild-plugin-tailwindcss` and scans package source when aliased.
+
+### 5. Wrap-first layout (MVP default) — container model, not just CSS wrap
+
+- **Choice:** MVP = **wrap Split + wrap Unified**, matching react **v2 Wrap** structure.
+- **Rationale (authoritative):**
+  1. **Split wrap = one row displays both sides** → height alignment is free; no dual containers.
+  2. **Split no-wrap = two scroll containers** (independent X scroll, synced Y) → much harder on Lynx (`scroll-view` ×2, sync, cross-pane height for hunk/extend).
+  3. **Unified** has no dual-container split; wrap vs no-wrap difference is local to text.
+  4. Lynx `<text>` wrap helps content, but the **architecture win** is the single-tree Split row model from v2 Wrap.
+- **Follow-up:** `diffViewWrap={false}` → dual-pane Normal model (`DiffSplitViewNormal_v2`) if needed.
+- **Alternative considered:** Non-wrap first — rejected; misunderstands Split complexity.
+
+### 6. Split scroll
+
+- Early Split: independent vertical `scroll-view` panes acceptable.
+- Stretch: sync via Lynx scroll events before release if low-cost; otherwise document independent panes for v1.
+
+### 7. Dual-thread / performance
+
+- DiffFile heavy work in effects (background-only rules).
+- Prefer prebuilt `diffFile` / worker bundles for large files.
+- Plan `<list>` virtualization as post-MVP.
+
+### 8. Example: `ui/lynx-example`
+
+- Demonstrate data and/or diffFile, Unified/Split, theme, extend line.
+- Pin ReactLynx / Rspeedy versions used.
+
+### 9. Feature parity matrix
+
+| Feature | React DOM | Lynx MVP |
+|---------|-----------|----------|
+| data / diffFile | ✅ | ✅ |
+| Unified / Split | ✅ | ✅ |
+| Wrap (long lines) | via `diffViewWrap` | ✅ **default (wrap-first)** |
+| Nowrap + HScroll | default when wrap off | ⏳ follow-up |
+| Theme / highlight | ✅ | ✅ |
+| extendData / renderExtendLine | ✅ | ✅ |
+| diffViewFontSize | ✅ | ✅ |
+| add widget | ✅ | ❌ deferred |
+| multiSelect | ✅ | ❌ deferred |
+| v2 split | experimental | ❌ out of scope |
+
+## Risks / Trade-offs
+
+- **[Risk] Flex + wrapping text column needs `min-width: 0` / overflow tricks** (same class of issues as web flex) → Mitigation: early spike on long-line Unified/Split; document layout CSS.
+- **[Risk] Nested `<text>` for syntax colors may affect wrap metrics** → Mitigation: keep runs as inline text children; visual QA on highlight on/off.
+- **[Risk] Dual-thread + reactivity-store** → Mitigation: spike; fall back to React context + external store if needed.
+- **[Risk] Large diff jank** → Mitigation: `<list>` follow-up; DiffFile/worker path.
+- **[Risk] Platform font/wrap differences (iOS vs Android vs Web)** → Mitigation: one codebase; note quirks in docs; smoke multiple targets when available.
+- **[Trade-off] Wrap-first skips nowrap parity initially** → Accept; nowrap is explicit follow-up.
+
+## Migration Plan
+
+- Additive package only.
+- Release after example smoke on at least one Lynx target.
+- Rollback: drop package; no impact on react/vue/cli.
+
+## Open Questions
+
+1. Exact ReactLynx / Rspeedy peer version range (lock in scaffold).
+2. Is Split scroll sync required for the first tagged release?
+3. Priority of nowrap mode after MVP.
diff --git a/openspec/changes/add-react-lynx-diffview/proposal.md b/openspec/changes/add-react-lynx-diffview/proposal.md
new file mode 100644
index 00000000..eb54f1de
--- /dev/null
+++ b/openspec/changes/add-react-lynx-diffview/proposal.md
@@ -0,0 +1,76 @@
+## Why
+
+We need a native mobile (and Lynx Web) DiffView for ReactLynx apps. The existing `@git-diff-view/react` package is tightly coupled to browser DOM (`<table>`, CSS variables + Tailwind, `dangerouslySetInnerHTML`, `ResizeObserver`, canvas text measure), so it cannot run on Lynx’s `<view>` / `<text>` native renderer. Adding `@git-diff-view/lynx` unlocks TikTok/ByteDance-style native clients while reusing the battle-tested `@git-diff-view/core` engine.
+
+## What Changes
+
+- Add a new package `@git-diff-view/lynx` that exposes `DiffView` for **ReactLynx**.
+- Reuse `@git-diff-view/core` (+ optional `@git-diff-view/file` / highlighters) for parsing, `DiffFile` lifecycle, and syntax AST.
+- Port the **React DOM DiffView API surface** (props/ref semantics) where Lynx can support it; adapt layout/styling to Lynx primitives.
+- **Do not** fork `@git-diff-view/react` components; follow the non-DOM binding pattern from `@git-diff-view/cli` (`setEnableBuildTemplate(false)`, AST-based content render).
+- MVP includes **Unified + Split**, with **wrap-first** layout (Lynx native text wrapping), plus in-repo `ui/lynx-example`.
+- No **BREAKING** changes to existing packages.
+
+## Capabilities
+
+### New Capabilities
+
+- `lynx-diffview`: ReactLynx DiffView package — data/`diffFile` modes, Split/Unified views, wrap-first content layout, theme/highlight, extend lines, Lynx-native styling, and documented API parity/gaps vs `@git-diff-view/react`.
+
+### Modified Capabilities
+
+- _(none — `openspec/specs/` is empty)_
+
+## Impact
+
+- **New code:** `packages/lynx/`, `ui/lynx-example/`.
+- **Dependencies:** `@git-diff-view/core`; ReactLynx runtime as peer; avoid `react-dom` and browser-only `@git-diff-view/utils` DOM/canvas APIs.
+- **Reuse:** DiffFile lifecycle, SplitSide, DiffModeEnum, highlighters (AST, not HTML templates).
+- **Deferred / out of MVP:** add-widget chrome, multi-select, experimental `v2/` split, optional nowrap + horizontal-scroll mode (if needed later).
+- **Docs:** root README + package readme feature matrix; AGENTS.md package list.
+
+## Current-state review (priority & blockers)
+
+### What we can reuse today
+
+| Layer | Reuse? |
+|-------|--------|
+| `DiffFile` init / split / unified / syntax / subscribe | Yes |
+| `data` vs `diffFile` entry modes | Yes |
+| Theme / highlight / extendData + renderExtendLine | Yes (API); render host changes |
+| lowlight/shiki AST | Yes |
+| CLI pattern: disable HTML templates | Yes |
+
+### Decisions from review (resolved)
+
+| Question | Decision |
+|----------|----------|
+| Split in MVP? | **Yes** — Unified + Split |
+| Platforms | **Cross-platform by design** (iOS / Android / Lynx Web share elements); smoke-test whatever targets the example can run; no separate Web fork |
+| Wrap vs nowrap first? | **Wrap-first** — primary reason: Split wrap = **one row / both sides** (v2 Wrap). No-wrap Split = **two HScroll containers** + Y sync (`Normal_v2`). Unified 无此差异。Lynx 文本换行是加分项，不是主因。参考 `packages/react/src/components/v2` |
+| Example app? | **Yes** — `ui/lynx-example` |
+
+### Implementation priority (phased)
+
+1. **P0 — Package + shell:** scaffold, DiffFile lifecycle, context/store.
+2. **P0 — Content + wrap layout:** AST/plain coloring; flex rows; text wraps within column width.
+3. **P0 — Unified:** content + hunk + extend with wrap.
+4. **P1 — Split:** side-by-side wrap rows (single row = both sides, natural height).
+5. **P1 — Example + docs:** `ui/lynx-example`, API parity table.
+6. **P2 — Scroll sync polish / `<list>` virtualization / nowrap mode.**
+7. **P3 — Widgets / multi-select** if product needs them.
+
+### Blockers / open risks
+
+1. **No HTML table / innerHTML** — redesign layout and content rendering.
+2. **Split row height** — prefer one flex row containing both sides so wrap heights stay aligned; avoid browser-style `useSyncHeight` if possible.
+3. **Scroll sync** — Lynx `scroll-view` APIs; independent panes OK for early Split, sync as stretch goal.
+4. **Dual-thread ReactLynx** — heavy `initSyntax` in effects; protect first paint.
+5. **List performance** — large diffs may need `<list>` later.
+6. **Tooling** — Rspeedy / ReactLynx peer versions during scaffold.
+
+### Remaining open questions (deferrable)
+
+1. Exact ReactLynx / Rspeedy peer version range.
+2. Whether Split scroll sync is required before v1 tag, or independent panes are enough.
+3. Whether nowrap (`diffViewWrap={false}`) is needed soon after MVP.
diff --git a/openspec/changes/add-react-lynx-diffview/specs/lynx-diffview/spec.md b/openspec/changes/add-react-lynx-diffview/specs/lynx-diffview/spec.md
new file mode 100644
index 00000000..355ff4bf
--- /dev/null
+++ b/openspec/changes/add-react-lynx-diffview/specs/lynx-diffview/spec.md
@@ -0,0 +1,106 @@
+## Purpose
+
+Provides a ReactLynx DiffView package so consumers can render git/file diffs on Lynx’s cross-platform UI runtime (iOS, Android, and Lynx Web) with an API aligned to `@git-diff-view/react`, while reusing `@git-diff-view/core` for parsing and highlighting data.
+
+## ADDED Requirements
+
+### Requirement: Package exposes DiffView for ReactLynx
+The system SHALL provide a published package that exports a `DiffView` component usable under ReactLynx (not `react-dom`), and SHALL re-export the core types needed for consumers (`DiffFile`, `SplitSide`, `DiffModeEnum`, and related highlighter types as applicable).
+
+#### Scenario: Import DiffView from the Lynx package
+- **WHEN** a ReactLynx app imports `DiffView` from the Lynx package
+- **THEN** the component is available without requiring `react-dom` or `@git-diff-view/react`
+
+### Requirement: Data and DiffFile input modes
+The system SHALL accept either raw `data` (`oldFile`, `newFile`, `hunks`) or a pre-built `diffFile` (`DiffFile` instance), matching the dual entry modes of `@git-diff-view/react`.
+
+#### Scenario: Render from raw data
+- **WHEN** `DiffView` is given valid `data` with hunks
+- **THEN** the view initializes a `DiffFile`, builds split and/or unified lines as needed, and renders the diff
+
+#### Scenario: Render from DiffFile instance
+- **WHEN** `DiffView` is given a prepared `diffFile`
+- **THEN** the view uses that instance (or a clone/bundle merge consistent with react package behavior) and renders without requiring `data`
+
+### Requirement: Split and Unified view modes
+The system SHALL support `diffViewMode` for Split and Unified presentation. Both Unified and Split MUST be available in MVP with Lynx-native layouts (not HTML tables).
+
+#### Scenario: Unified mode
+- **WHEN** `diffViewMode` selects Unified
+- **THEN** the view renders a single-column sequence of hunk, content, and extend rows as applicable
+
+#### Scenario: Split mode
+- **WHEN** `diffViewMode` selects Split
+- **THEN** the view renders old and new sides in a Lynx-native side-by-side layout
+
+### Requirement: Wrap-first content layout
+MVP DiffView SHALL use the wrap layout model aligned with `@git-diff-view/react` v2 Wrap: long lines wrap within the content column, and Split mode SHALL render each logical line as a **single row containing both old and new sides** (not two independently horizontally scrolling side containers). The package MUST NOT require browser canvas measurement, `ResizeObserver` cross-pane height sync, or dual HScroll panes to achieve this MVP Split layout. Unified mode SHALL use a single column (wrap vs no-wrap only affects that column’s text behavior).
+
+#### Scenario: Long line wraps in Unified
+- **WHEN** a content line exceeds the content column width in Unified mode
+- **THEN** the text wraps onto subsequent visual lines and the row height grows to fit
+
+#### Scenario: Split wrap uses one row for both sides
+- **WHEN** Split mode renders a content line where left and right text lengths differ
+- **THEN** both sides appear in the same row container and the row height accommodates the taller side without a second side-only scroll container or browser `useSyncHeight`-style sync
+
+#### Scenario: No-wrap dual-pane Split is out of MVP
+- **WHEN** a consumer reads MVP documentation for Split no-wrap / independent horizontal scroll per side
+- **THEN** that behavior is listed as deferred (react v2 Normal model), not as the MVP default
+
+### Requirement: Theme and syntax highlighting
+The system SHALL support light and dark themes via `diffViewTheme` and optional syntax highlighting via `diffViewHighlight` / `registerHighlighter`. Highlighted content MUST be rendered from syntax AST or plain text data, not from HTML string templates injected into the host.
+
+#### Scenario: Dark theme with highlight enabled
+- **WHEN** `diffViewTheme` is `dark` and `diffViewHighlight` is true with a usable highlighter
+- **THEN** content lines show theme-appropriate colors and syntax colors derived from highlighter output
+
+#### Scenario: Highlight disabled
+- **WHEN** `diffViewHighlight` is false
+- **THEN** content lines render plain text with add/delete/context styling only
+
+### Requirement: Extend line customization
+The system SHALL support `extendData` and `renderExtendLine` so consumers can attach custom UI under specific old/new line numbers, consistent with the react package contract.
+
+#### Scenario: Extend data present for a line
+- **WHEN** `extendData` contains data for a visible line and `renderExtendLine` is provided
+- **THEN** the custom extend UI is rendered associated with that line
+
+#### Scenario: No extend data
+- **WHEN** a line has no matching `extendData` entry
+- **THEN** no extend row is rendered for that line
+
+### Requirement: First hunk line is omitted
+The system SHALL omit the leading hunk row for the first content block in both Split and Unified modes, matching existing DiffView rendering semantics.
+
+#### Scenario: First content block
+- **WHEN** the display sequence starts at the first content block
+- **THEN** no hunk row is shown before that block’s content
+
+### Requirement: Cross-platform Lynx targets
+The Lynx DiffView MUST be implemented against Lynx’s platform-agnostic element model so the same package can run on Lynx’s supported targets (including native mobile and Lynx Web) without a separate Web-only implementation. Documentation MUST state the Lynx version range used for smoke testing.
+
+#### Scenario: Same package on multiple Lynx targets
+- **WHEN** a consumer builds the example or app for more than one Lynx-supported target using the same `@git-diff-view/lynx` package
+- **THEN** no target-specific DiffView fork is required for basic Unified/Split rendering
+
+### Requirement: Documented API parity and deferred features
+The package documentation MUST list which `@git-diff-view/react` props/behaviors are supported in the current release and which are deferred (at minimum: add-widget, multi-select, experimental v2 split, and any unsupported nowrap/horizontal-scroll mode). Deferred features MUST NOT be advertised as supported until implemented.
+
+#### Scenario: Consumer checks deferred features
+- **WHEN** a consumer reads the Lynx package documentation for add-widget or multi-select
+- **THEN** the docs state that those features are deferred (or describe support if later implemented)
+
+### Requirement: No dependency on browser DOM APIs for MVP rendering
+MVP rendering MUST NOT require `document`, `window`, `ResizeObserver`, canvas text measurement, or HTML table elements to display wrapping Unified or Split diffs.
+
+#### Scenario: Render without DOM globals
+- **WHEN** DiffView runs in a ReactLynx environment without browser DOM globals used by the react package hooks
+- **THEN** Unified and Split wrap-first views still render correctly
+
+### Requirement: In-repo example application
+The repository SHALL include a Lynx example app under `ui/lynx-example` that demonstrates DiffView with at least data or diffFile input, Unified/Split toggle, theme, and an extend-line sample.
+
+#### Scenario: Example demonstrates core modes
+- **WHEN** a developer runs the in-repo Lynx example
+- **THEN** they can switch Unified/Split and see themed highlighted diff content with an extend line example
diff --git a/openspec/changes/add-react-lynx-diffview/tasks.md b/openspec/changes/add-react-lynx-diffview/tasks.md
new file mode 100644
index 00000000..36e7ded3
--- /dev/null
+++ b/openspec/changes/add-react-lynx-diffview/tasks.md
@@ -0,0 +1,49 @@
+## 1. Scaffold & toolchain
+
+- [x] 1.1 Create `packages/lynx` package (`package.json`, `src/index.ts`, buildOptions, peerDeps for ReactLynx / without `react-dom`)
+- [x] 1.2 Wire package into monorepo install + `scripts/build.ts` (and AGENTS.md package list)
+- [x] 1.3 Spike: hello ReactLynx render from package entry; confirm peer/toolchain versions
+- [x] 1.4 Add theme CSS with light/dark tokens aligned to react/utils color names
+- [x] 1.5 Spike v2-Wrap layout on Lynx: one Split row = oldNum+oldContent|newNum+newContent (`DiffSplitContentLineWrap_v2` shape); confirm long text wraps and row height follows max(side) without dual scroll panes / useSyncHeight
+
+## 2. DiffView shell & core lifecycle
+
+- [x] 2.1 Implement `DiffView` shell: `data` / `diffFile` construction, theme init, `initRaw`, `buildSplitDiffLines` / `buildUnifiedDiffLines`, `initSyntax`, subscribe/notify, cleanup
+- [x] 2.2 Call `setEnableBuildTemplate(false)` for the Lynx package
+- [x] 2.3 Port context/config store pattern from react (ReactLynx-safe); verify DiffFile updates re-render under dual-thread rules
+- [x] 2.4 Export `DiffView`, `SplitSide`, `DiffModeEnum`, and core re-exports from package entry
+
+## 3. Content rendering (no HTML templates)
+
+- [x] 3.1 Implement `DiffContent` for Lynx: plain + syntax runs via nested `<text>` / styles from AST and change ranges
+- [x] 3.2 Map highlighter class names / inline styles to Lynx text colors (light/dark)
+- [x] 3.3 Size line-number column from digit count; content column flexes and wraps
+
+## 4. Unified view (wrap-first MVP)
+
+- [x] 4.1 Implement Unified content / hunk / extend row components with Lynx `<view>` flex rows and wrapping content text
+- [x] 4.2 Skip first hunk line; respect hidden lines and expand-enabled semantics consistent with react
+- [x] 4.3 Wire `extendData` + `renderExtendLine` for Unified
+- [x] 4.4 Smoke-test Unified: highlight on/off, light/dark, long-line wrap
+
+## 5. Split view (v2 Wrap model MVP)
+
+- [x] 5.1 Port Split structure from `DiffSplitViewWrap_v2`: single tree, `getSplitLines` + `DiffFileLineType` dispatcher (`DiffSplitViewLineWrap_v2`)
+- [x] 5.2 Implement Wrap content/hunk/extend rows mirroring `*Wrap_v2` (one flex row both sides; empty placeholders); first-hunk skip / hidden lines
+- [x] 5.3 One outer vertical `scroll-view` (not dual Normal panes); no-wrap dual HScroll deferred to follow-ups
+- [x] 5.4 Smoke-test Split with multi-hunk sample and uneven long lines on left/right
+
+
+## 6. Example, docs, release readiness
+
+- [x] 6.1 Add `ui/lynx-example` demonstrating data and/or diffFile, Unified/Split toggle, theme, extend line, long-line wrap
+- [x] 6.2 Write `packages/lynx/readme.md` with API table, wrap-first default, deferred list (widget / multiSelect / v2 / optional nowrap)
+- [x] 6.3 Update root `README.md` packages/features to mention `@git-diff-view/lynx`
+- [x] 6.4 Validate against `lynx-diffview` spec scenarios; record Lynx version / targets smoke-tested
+
+## 7. Follow-ups (post-MVP)
+
+- [ ] 7.1 Optional no-wrap Split (`diffViewWrap={false}`): dual containers + HScroll + Y sync, mirroring `DiffSplitViewNormal_v2`
+- [ ] 7.2 Evaluate `<list>` virtualization for large diffs
+- [ ] 7.3 Split scroll sync polish if not done in 5.3
+- [ ] 7.4 Add-widget / multi-select only if product-required (Lynx-native redesign)
diff --git a/openspec/config.yaml b/openspec/config.yaml
new file mode 100644
index 00000000..c4d34ace
--- /dev/null
+++ b/openspec/config.yaml
@@ -0,0 +1,32 @@
+schema: spec-driven
+
+# Project context (optional)
+# This is shown to AI when creating artifacts.
+# Add your tech stack, conventions, style guides, domain knowledge, etc.
+# Example:
+#   context: |
+#     Tech stack: TypeScript, React, Node.js
+#     We use conventional commits
+#     Domain: e-commerce platform
+
+# Per-artifact rules (optional)
+# Add custom rules for specific artifacts.
+# Example:
+#   rules:
+#     proposal:
+#       - Keep proposals under 500 words
+#       - Always include a "Non-goals" section
+#     tasks:
+#       - Break tasks into chunks of max 2 hours
+
+# Per-operation guidance (optional)
+# Add advisory guidance for how apply and archive work should be conducted.
+# This is separate from artifact rules above.
+# Example:
+#   operations:
+#     apply:
+#       guidance:
+#         - Keep test summaries concise
+#     archive:
+#       guidance:
+#         - Summarize the archive outcome before finishing
diff --git a/package.json b/package.json
index 07286e3f..9deb6c24 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "dev:solid": "cd ui/solid-example && pnpm run dev",
     "dev:svelte": "cd packages/svelte && pnpm run dev",
     "dev:cli": "cd packages/cli && pnpm run dev",
+    "dev:lynx": "cd ui/lynx-example && pnpm run dev",
     "build:react": "cd ui/react-example && pnpm run build",
     "pre:release": "pnpm run lint && pnpm run prettier && pnpm run clean && pnpm run build:packages",
     "release": "pnpm run pre:release && pnpm run start:release",
@@ -30,6 +31,7 @@
     "@git-diff-view/cli": "workspace:*",
     "@git-diff-view/core": "workspace:*",
     "@git-diff-view/file": "workspace:*",
+    "@git-diff-view/lynx": "workspace:*",
     "@git-diff-view/react": "workspace:*",
     "@git-diff-view/lezer": "workspace:*",
     "@git-diff-view/shiki": "workspace:*",
diff --git a/packages/lynx/index.d.ts b/packages/lynx/index.d.ts
new file mode 100644
index 00000000..a7708143
--- /dev/null
+++ b/packages/lynx/index.d.ts
@@ -0,0 +1,36 @@
+export * from "@git-diff-view/core";
+
+export { DiffModeEnum } from "@git-diff-view/utils";
+
+import type { DiffFile, DiffHighlighter, DiffHighlighterLang, SplitSide } from "@git-diff-view/core";
+import type { DiffModeEnum as DiffModeEnumType } from "@git-diff-view/utils";
+
+export type DiffViewProps<T = unknown> = {
+  data?: {
+    oldFile?: { fileName?: string | null; fileLang?: DiffHighlighterLang | string | null; content?: string | null };
+    newFile?: { fileName?: string | null; fileLang?: DiffHighlighterLang | string | null; content?: string | null };
+    hunks: string[];
+  };
+  extendData?: { oldFile?: Record<string, { data: T }>; newFile?: Record<string, { data: T }> };
+  diffFile?: DiffFile;
+  className?: string;
+  style?: Record<string, string | number>;
+  registerHighlighter?: Omit<DiffHighlighter, "getHighlighterEngine">;
+  diffViewMode?: DiffModeEnumType;
+  /** MVP defaults to wrap (v2 Wrap Split model). No-wrap dual-pane is deferred. */
+  diffViewWrap?: boolean;
+  diffViewTheme?: "light" | "dark";
+  diffViewFontSize?: number;
+  diffViewHighlight?: boolean;
+  renderExtendLine?: (ctx: {
+    lineNumber: number;
+    side: SplitSide;
+    data: T;
+    diffFile: DiffFile;
+    onUpdate: () => void;
+  }) => any;
+};
+
+export declare const DiffView: <T = unknown>(props: DiffViewProps<T>) => any;
+
+export declare const version: string;
diff --git a/packages/lynx/index.js b/packages/lynx/index.js
new file mode 100644
index 00000000..91345b8c
--- /dev/null
+++ b/packages/lynx/index.js
@@ -0,0 +1 @@
+module.exports = require("./dist/cjs/index.js");
diff --git a/packages/lynx/package.json b/packages/lynx/package.json
new file mode 100644
index 00000000..12c5677b
--- /dev/null
+++ b/packages/lynx/package.json
@@ -0,0 +1,93 @@
+{
+  "name": "@git-diff-view/lynx",
+  "description": "ReactLynx DiffView for Lynx (wrap-first Split/Unified)",
+  "author": "MrWangJustToDo",
+  "license": "MIT",
+  "version": "0.1.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "files": [
+    "src",
+    "dist",
+    "styles",
+    "index.js",
+    "index.d.ts"
+  ],
+  "scripts": {
+    "gen:type": "echo '[@git-diff-view/lynx] using hand-written index.d.ts'",
+    "gen:css": "mkdir -p dist/css styles && postcss src/tailwind.css -o dist/css/diff-view.css && cp dist/css/diff-view.css styles/diff-view.css && cp src/styles/theme.css styles/theme.css && cp src/styles/theme.css dist/css/theme.css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MrWangJustToDo/git-diff-view.git",
+    "directory": "packages/lynx"
+  },
+  "homepage": "https://mrwangjusttodo.github.io/git-diff-view",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./index.js"
+    },
+    "./styles/*": "./dist/css/*",
+    "./lowlight-stub": {
+      "types": "./src/stubs/lowlight.ts",
+      "import": "./src/stubs/lowlight.ts",
+      "default": "./src/stubs/lowlight.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "buildOptions": [
+    {
+      "input": "./src/index.ts",
+      "output": [
+        {
+          "dir": "./dist",
+          "entryFileNames": "esm/index.mjs",
+          "format": "esm",
+          "sourcemap": true
+        }
+      ]
+    },
+    {
+      "input": "./src/index.ts",
+      "output": [
+        {
+          "dir": "./dist",
+          "entryFileNames": "cjs/index.js",
+          "format": "cjs",
+          "type": true,
+          "multiple": true,
+          "sourcemap": true
+        }
+      ]
+    }
+  ],
+  "keywords": [
+    "diff component",
+    "lynx",
+    "reactlynx",
+    "git-diff-view"
+  ],
+  "dependencies": {
+    "@git-diff-view/core": "^0.1.7",
+    "reactivity-store": "^0.4.0",
+    "use-sync-external-store": "^1.6.0"
+  },
+  "devDependencies": {
+    "@lynx-js/react": "^0.123.0",
+    "@lynx-js/tailwind-preset": "^0.5.0",
+    "@lynx-js/types": "*",
+    "@types/react": "^18.3.8",
+    "@types/use-sync-external-store": "^1.5.0",
+    "autoprefixer": "^10.5.4",
+    "postcss": "^8.5.25",
+    "postcss-cli": "^11.0.0",
+    "postcss-import": "^16.1.0",
+    "tailwindcss": "3"
+  },
+  "peerDependencies": {
+    "@lynx-js/react": ">=0.100.0",
+    "@lynx-js/types": "*"
+  }
+}
diff --git a/packages/lynx/postcss.config.js b/packages/lynx/postcss.config.js
new file mode 100644
index 00000000..ce3f6886
--- /dev/null
+++ b/packages/lynx/postcss.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: {
+    "postcss-import": {},
+    tailwindcss: { config: __dirname + "/tailwind.config.js" },
+    autoprefixer: {},
+  },
+};
diff --git a/packages/lynx/readme.md b/packages/lynx/readme.md
new file mode 100644
index 00000000..bf3a8ba2
--- /dev/null
+++ b/packages/lynx/readme.md
@@ -0,0 +1,130 @@
+# @git-diff-view/lynx
+
+ReactLynx `DiffView` for the [Lynx](https://lynxjs.org/) runtime — wrap-first Split & Unified, built on `@git-diff-view/core`.
+
+## Status (MVP)
+
+| Feature | Support |
+|---------|---------|
+| Unified view | ✅ wrap |
+| Split view | ✅ **v2 Wrap model** (one flex row = both sides) |
+| Theme light/dark | ✅ CSS variables |
+| Syntax highlight | ✅ AST/`nodeList` → nested `<text>` (no HTML templates) |
+| Extend lines | ✅ `extendData` + `renderExtendLine` |
+| Expand hidden lines | ✅ |
+| `<list>` virtualization | ✅ Wrap Split + Unified (`estimated-main-axis-size-px`) |
+| `diffViewWrap={false}` dual-pane Split | ❌ deferred |
+| Add-widget / multiSelect | ❌ deferred |
+
+## Installation
+
+```bash
+pnpm add @git-diff-view/lynx
+```
+
+**Peer:** `@lynx-js/react` (>=0.100), `@lynx-js/types`. Does **not** require `react-dom`.
+
+## Styles
+
+```ts
+import "@git-diff-view/lynx/styles/diff-view.css";
+```
+
+Styling is **Tailwind CSS v3** (`@lynx-js/tailwind-preset`) + CSS variables under `.theme-light` / `.theme-dark`. Prefer className; use inline style only for dynamic values (font size, gutter width, syntax colors, Lynx `scroll-view` attrs).
+
+## API
+
+```tsx
+import { DiffView, DiffModeEnum } from "@git-diff-view/lynx";
+import "@git-diff-view/lynx/styles/diff-view.css";
+
+<DiffView
+  data={{
+    oldFile: { fileName: "a.ts", content: "...", fileLang: "typescript" },
+    newFile: { fileName: "b.ts", content: "...", fileLang: "typescript" },
+    hunks: ["@@ -1,3 +1,4 @@\n..."],
+  }}
+  diffViewMode={DiffModeEnum.Split}
+  diffViewTheme="light"
+  diffViewHighlight
+  diffViewWrap // default true — Wrap Split layout
+  style={{ height: "100%" }}
+/>
+```
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `data` | `{ oldFile?, newFile?, hunks }` | — | Same shape as react |
+| `diffFile` | `DiffFile` | — | Prebuilt/cloned instance |
+| `diffViewMode` | `DiffModeEnum` | SplitGitHub | Split vs Unified |
+| `diffViewWrap` | `boolean` | `true` | MVP always uses Wrap Split tree; no-wrap dual pane deferred |
+| `diffViewTheme` | `"light" \| "dark"` | `"light"` | Sets `data-theme` |
+| `diffViewHighlight` | `boolean` | — | `initSyntax` + AST colors |
+| `diffViewFontSize` | `number` | `13` | CSS `--diff-font-size--` |
+| `extendData` | `{ oldFile?, newFile? }` | — | Per-line extend payload |
+| `renderExtendLine` | `(ctx) => ReactNode` | — | Custom extend UI |
+| `registerHighlighter` | highlighter | — | Prefer `@git-diff-view/lezer` on Lynx |
+
+Also exports: `SplitSide`, `DiffModeEnum`, and `@git-diff-view/core` re-exports.
+
+## Architecture notes
+
+- Calls `setEnableBuildTemplate(false)` — content is rendered from plain/syntax AST, not HTML templates.
+- Split layout mirrors `packages/react/src/components/v2/DiffSplitViewWrap_v2`: single tree, `getSplitLines()` + `DiffFileLineType` dispatcher.
+- Outer scroll is Lynx `<list>` / `<list-item>` (virtualized). Wrap Split keeps one row = both sides; no-wrap dual pane still deferred.
+
+## Lynx + highlight.js caveat
+
+`@git-diff-view/core` depends on `@git-diff-view/lowlight` (full highlight.js grammars). Those grammars use Unicode property escapes (`\p{...}`) that **Lynx's JS engine rejects** during bytecode encode:
+
+```text
+SyntaxError: invalid escape sequence in regular expression
+```
+
+**Required for Lynx apps:** alias lowlight to the stub shipped with this package, and prefer **`@git-diff-view/lezer`** as `registerHighlighter` (pure JS LR parsers). Also stub `@lezer/markdown` — it has the same `\p{...}` problem:
+
+```ts
+// lynx.config.ts / rspeedy
+import path from "node:path";
+
+export default defineConfig({
+  source: {
+    alias: {
+      "@git-diff-view/lowlight": path.resolve(
+        "node_modules/@git-diff-view/lynx/src/stubs/lowlight.ts"
+      ),
+      "@lezer/markdown": path.resolve(
+        "node_modules/@git-diff-view/lynx/src/stubs/lezer-markdown.ts"
+      ),
+    },
+  },
+});
+```
+
+```tsx
+import { highlighter } from "@git-diff-view/lezer";
+import { DiffView } from "@git-diff-view/lynx";
+
+<DiffView
+  diffViewHighlight
+  registerHighlighter={highlighter}
+  // ...
+/>
+```
+
+`DiffView` runs `initSyntax` on the prepare path when `registerHighlighter` is set. It does **not** call the built-in lowlight highlighter on its own.
+
+## Smoke checklist
+
+Validate against `openspec/changes/add-react-lynx-diffview/specs/lynx-diffview/spec.md`:
+
+1. Unified + Split with sample multi-hunk data
+2. Highlight on/off, light/dark
+3. Long lines wrap; Split row height follows max(side)
+4. Expand hunk / extend line render
+
+**Lynx version recorded for this MVP:** peer `@lynx-js/react` `>=0.100` (dev pin `^0.121.0`). Runtime smoke depends on your Lynx target (see `ui/lynx-example`).
+
+## Example
+
+See [`ui/lynx-example`](../../ui/lynx-example).
diff --git a/packages/lynx/src/components/DiffContent.tsx b/packages/lynx/src/components/DiffContent.tsx
new file mode 100644
index 00000000..eb14caeb
--- /dev/null
+++ b/packages/lynx/src/components/DiffContent.tsx
@@ -0,0 +1,197 @@
+import { DiffLineType } from "@git-diff-view/core";
+import { memo } from "@lynx-js/react";
+
+import { useDiffViewContext } from "./DiffViewContext";
+import { estimateLineHeight, getStyleFromClassName, getStyleObjectFromString, asDiffStyle } from "./styleUtils";
+import { joinClass } from "../theme";
+
+import type { DiffFile, DiffLine, File } from "@git-diff-view/core";
+import type { DiffViewStyle } from "./styleUtils";
+
+/** Corner radius mode for inline char highlights (mirrors core template 0.2em logic). */
+type HighlightEdge = "full" | "start" | "end" | "mid";
+
+type TextRun = {
+  key: string;
+  text: string;
+  color?: string;
+  highlightClass?: string;
+  highlightEdge?: HighlightEdge;
+};
+
+const preserveSpaces = (s: string) =>
+  s.replace(/\t/g, "  ").replace(/ /g, "\u00A0").replace(/\n/g, "").replace(/\r/g, "");
+
+const operatorGutterWidth = (fontSize: number) => Math.round(fontSize * 1.5);
+
+const radiusStyle = (edge?: HighlightEdge): DiffViewStyle => {
+  if (!edge) return {};
+  const r = "0.2em";
+  if (edge === "full") return { borderRadius: r };
+  if (edge === "start") return { borderTopLeftRadius: r, borderBottomLeftRadius: r };
+  if (edge === "end") return { borderTopRightRadius: r, borderBottomRightRadius: r };
+  return {};
+};
+
+const buildPlainRuns = (rawLine: string, highlightClass: string | undefined, diffLine?: DiffLine): TextRun[] => {
+  const changes = diffLine?.changes;
+  if (!changes?.hasLineChange || !highlightClass) {
+    return [{ key: "0", text: preserveSpaces(rawLine || " ") }];
+  }
+  const range = changes.range;
+  const runs: TextRun[] = [];
+  const before = rawLine.slice(0, range.location);
+  const mid = rawLine.slice(range.location, range.location + range.length);
+  const after = rawLine.slice(range.location + range.length);
+  if (before) runs.push({ key: "b", text: preserveSpaces(before) });
+  if (mid) runs.push({ key: "m", text: preserveSpaces(mid), highlightClass, highlightEdge: "full" });
+  if (after) runs.push({ key: "a", text: preserveSpaces(after) });
+  return runs.length ? runs : [{ key: "0", text: "\u00A0" }];
+};
+
+const buildSyntaxRuns = (
+  rawLine: string,
+  syntaxLine: File["syntaxFile"][number],
+  theme: "light" | "dark",
+  highlightClass: string | undefined,
+  diffLine?: DiffLine
+): TextRun[] => {
+  const nodes = syntaxLine.nodeList || [];
+  if (!nodes.length) return buildPlainRuns(rawLine, highlightClass, diffLine);
+
+  const changes = diffLine?.changes;
+  const range = changes?.hasLineChange ? changes.range : null;
+  const runs: TextRun[] = [];
+
+  nodes.forEach(({ node, wrapper }, index) => {
+    const lowlightStyles = getStyleFromClassName(wrapper?.properties?.className?.join(" ") || "");
+    const lowlightStyle = theme === "dark" ? lowlightStyles.dark : lowlightStyles.light;
+    const shikiStyles = getStyleObjectFromString(wrapper?.properties?.style || "");
+    const shikiStyle = theme === "dark" ? shikiStyles.dark : shikiStyles.light;
+    const color = (shikiStyle as { color?: string })?.color || (lowlightStyle as { color?: string })?.color;
+    const value = node.value || "";
+    if (!value) return;
+
+    if (!range || node.endIndex < range.location || range.location + range.length < node.startIndex) {
+      runs.push({ key: String(index), text: preserveSpaces(value), color });
+      return;
+    }
+
+    const start = node.startIndex;
+    const end = node.endIndex;
+    const rangeStart = range.location;
+    const rangeEnd = range.location + range.length;
+    let cursor = start;
+    let offset = 0;
+    let part = 0;
+
+    const pushSlice = (to: number, highlight: boolean) => {
+      if (to <= cursor) return;
+      const len = to - cursor;
+      const text = value.slice(offset, offset + len);
+      const sliceStart = cursor;
+      offset += len;
+      cursor = to;
+      if (!text) return;
+
+      let highlightEdge: HighlightEdge | undefined;
+      if (highlight) {
+        const isStart = sliceStart <= rangeStart && to > rangeStart;
+        const isEnd = sliceStart < rangeEnd && to >= rangeEnd;
+        if (isStart && isEnd) highlightEdge = "full";
+        else if (isStart) highlightEdge = "start";
+        else if (isEnd) highlightEdge = "end";
+        else highlightEdge = "mid";
+      }
+
+      runs.push({
+        key: `${index}-${part++}`,
+        text: preserveSpaces(text),
+        color,
+        highlightClass: highlight ? highlightClass : undefined,
+        highlightEdge,
+      });
+    };
+
+    if (rangeStart > cursor) pushSlice(Math.min(rangeStart, end + 1), false);
+    if (rangeEnd > cursor) pushSlice(Math.min(rangeEnd, end + 1), true);
+    if (end + 1 > cursor) pushSlice(end + 1, false);
+  });
+
+  return runs.length ? runs : [{ key: "0", text: preserveSpaces(rawLine || " ") }];
+};
+
+type DiffContentProps = {
+  rawLine: string;
+  plainLine?: File["plainFile"][number];
+  syntaxLine?: File["syntaxFile"][number];
+  diffLine?: DiffLine;
+  diffFile: DiffFile;
+  enableWrap: boolean;
+  enableHighlight: boolean;
+};
+
+const InternalDiffContent = ({ diffLine, rawLine, syntaxLine, enableHighlight, enableWrap }: DiffContentProps) => {
+  const { useDiffContext } = useDiffViewContext();
+  const { theme, fontSize } = useDiffContext.useShallowStableSelector((s) => ({
+    theme: (s.theme || "light") as "light" | "dark",
+    fontSize: s.fontSize || 13,
+  }));
+
+  const isAdded = diffLine?.type === DiffLineType.Add;
+  const isDelete = diffLine?.type === DiffLineType.Delete;
+  const highlightClass = isAdded ? "diff-inline-hl-add" : isDelete ? "diff-inline-hl-del" : undefined;
+  const isMaxLineLengthToIgnoreSyntax = !!(syntaxLine && syntaxLine.nodeList && syntaxLine.nodeList.length > 150);
+
+  const useRuns = enableHighlight && syntaxLine && !isMaxLineLengthToIgnoreSyntax;
+  const runs = useRuns
+    ? buildSyntaxRuns(rawLine, syntaxLine!, theme, highlightClass, diffLine)
+    : buildPlainRuns(rawLine, highlightClass, diffLine);
+
+  const operatorChar = isAdded ? "+" : isDelete ? "-" : "\u00A0";
+  const gutterW = operatorGutterWidth(fontSize);
+  const lineHeight = estimateLineHeight(fontSize);
+  // Match react DiffContent: break mid-token on wrap (code often has no spaces).
+  const wrapStyle = enableWrap
+    ? ({ whiteSpace: "pre-wrap", wordBreak: "break-all" } as const)
+    : ({ whiteSpace: "nowrap", wordBreak: "normal" } as const);
+
+  return (
+    <view className="diff-line-content-item flex w-full flex-row items-start" flatten={false}>
+      <view
+        className="diff-line-content-operator flex flex-shrink-0 justify-center"
+        style={{ width: `${gutterW}px`, minWidth: `${gutterW}px`, maxWidth: `${gutterW}px` }}
+      >
+        <text
+          className="diff-fg-content text-center"
+          style={asDiffStyle({ ...wrapStyle, lineHeight: `${lineHeight}px` })}
+        >
+          {operatorChar}
+        </text>
+      </view>
+      <text
+        className="diff-line-content-text diff-fg-content w-full min-w-0 flex-1"
+        style={asDiffStyle({ ...wrapStyle, flexBasis: "0%", lineHeight: `${lineHeight}px` })}
+      >
+        {runs.map((run) => (
+          <text
+            key={run.key}
+            className={joinClass(!run.color && "diff-fg-content", run.highlightClass)}
+            style={asDiffStyle({
+              ...wrapStyle,
+              lineHeight: `${lineHeight}px`,
+              ...(run.color ? { color: run.color } : {}),
+              ...radiusStyle(run.highlightEdge),
+            })}
+          >
+            {run.text}
+          </text>
+        ))}
+      </text>
+    </view>
+  );
+};
+
+InternalDiffContent.displayName = "DiffContent";
+
+export const DiffContent = memo(InternalDiffContent) as typeof InternalDiffContent;
diff --git a/packages/lynx/src/components/DiffExpand.tsx b/packages/lynx/src/components/DiffExpand.tsx
new file mode 100644
index 00000000..6121eab6
--- /dev/null
+++ b/packages/lynx/src/components/DiffExpand.tsx
@@ -0,0 +1,41 @@
+/**
+ * Expand icons via Lynx `<svg content>`.
+ * Match DOM: hunk action `color: var(--diff-plain-lineNumber-color--)` + `fill-current`.
+ * Compact arcs like `A.25.25` are expanded — Lynx can mis-parse the shorthand.
+ * SVG `content` cannot resolve CSS vars, so bake the same theme values.
+ */
+
+import { useDiffViewContext } from "./DiffViewContext";
+
+type IconProps = { size?: number };
+
+/** Keep in sync with `--diff-plain-lineNumber-color--` in theme.css / react `_com.css`. */
+const PLAIN_LINE_NUMBER_COLOR = { light: "#555555", dark: "#a0aaab" } as const;
+
+/** `A.25.25` / `a.75.75` → `A 0.25 0.25` / `a 0.75 0.75` */
+const normalizePath = (d: string) => d.replace(/([Aa])\.(\d+)\.(\d+)/g, "$1 0.$2 0.$3");
+
+const svgContent = (d: string, fill: string, size: number) =>
+  `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 16 16"><path fill="${fill}" d="${normalizePath(d)}"/></svg>`;
+
+const Icon = ({ size = 16, d }: IconProps & { d: string }) => {
+  const { useDiffContext } = useDiffViewContext();
+  const theme = useDiffContext.useShallowStableSelector((s) => (s.theme || "light") as "light" | "dark");
+  const fill = PLAIN_LINE_NUMBER_COLOR[theme];
+
+  return <svg content={svgContent(d, fill, size)} style={{ width: `${size}px`, height: `${size}px` }} />;
+};
+
+/* Exact paths from packages/react/src/components/DiffExpand.tsx */
+const UP =
+  "M7.823 1.677 4.927 4.573A.25.25 0 0 0 5.104 5H7.25v3.236a.75.75 0 1 0 1.5 0V5h2.146a.25.25 0 0 0 .177-.427L8.177 1.677a.25.25 0 0 0-.354 0ZM13.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Zm-3.75.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75ZM7.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5ZM4 11.75a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75ZM1.75 11a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5h-.5Z";
+
+const DOWN =
+  "m8.177 14.323 2.896-2.896a.25.25 0 0 0-.177-.427H8.75V7.764a.75.75 0 1 0-1.5 0V11H5.104a.25.25 0 0 0-.177.427l2.896 2.896a.25.25 0 0 0 .354 0ZM2.25 5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 4.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 1 .75.75ZM8.25 5a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 4.25a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 1 .75.75Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z";
+
+const ALL =
+  "m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z";
+
+export const ExpandUp = (props: IconProps) => <Icon {...props} d={UP} />;
+export const ExpandDown = (props: IconProps) => <Icon {...props} d={DOWN} />;
+export const ExpandAll = (props: IconProps) => <Icon {...props} d={ALL} />;
diff --git a/packages/lynx/src/components/DiffSplitContentLine.tsx b/packages/lynx/src/components/DiffSplitContentLine.tsx
new file mode 100644
index 00000000..d789e75f
--- /dev/null
+++ b/packages/lynx/src/components/DiffSplitContentLine.tsx
@@ -0,0 +1,131 @@
+import { DiffLineType, checkDiffLineIncludeChange, type DiffFile } from "@git-diff-view/core";
+
+import { DiffContent } from "./DiffContent";
+import { useDiffViewContext } from "./DiffViewContext";
+import { estimateLineHeight, estimateLineNumberWidth, estimateDigitWidth, SPLIT_NUM_PAD_START, SPLIT_NUM_PAD_END } from "./styleUtils";
+import { contentSurface, joinClass, lineNumberSurface, surfaceClass } from "../theme";
+
+export const DiffSplitContentLine = ({
+  index,
+  diffFile,
+  lineNumber,
+}: {
+  index: number;
+  diffFile: DiffFile;
+  lineNumber: number;
+}) => {
+  const oldLine = diffFile.getSplitLeftLine(index);
+  const newLine = diffFile.getSplitRightLine(index);
+
+  if (oldLine?.isHidden && newLine?.isHidden) {
+    return <view />;
+  }
+
+  const { useDiffContext } = useDiffViewContext();
+  const { enableHighlight, fontSize } = useDiffContext.useShallowStableSelector((s) => ({
+    enableHighlight: s.enableHighlight,
+    fontSize: s.fontSize || 13,
+  }));
+  const lineCount = Math.max(diffFile.splitLineLength, diffFile.fileLineLength);
+  const asideWidth = estimateLineNumberWidth(lineCount, fontSize);
+  const digitWidth = estimateDigitWidth(lineCount, fontSize);
+  const lineHeight = estimateLineHeight(fontSize);
+
+  const oldSyntaxLine = diffFile.getOldSyntaxLine(oldLine?.lineNumber ?? -1);
+  const newSyntaxLine = diffFile.getNewSyntaxLine(newLine?.lineNumber ?? -1);
+  const oldPlainLine = diffFile.getOldPlainLine(oldLine?.lineNumber ?? -1);
+  const newPlainLine = diffFile.getNewPlainLine(newLine?.lineNumber ?? -1);
+
+  const hasDiff = !!oldLine?.diff || !!newLine?.diff;
+  const hasChange = checkDiffLineIncludeChange(oldLine?.diff) || checkDiffLineIncludeChange(newLine?.diff);
+  const oldLineIsDelete = oldLine?.diff?.type === DiffLineType.Delete;
+  const newLineIsAdded = newLine?.diff?.type === DiffLineType.Add;
+
+  const hasOldLine = !!oldLine?.lineNumber;
+  const hasNewLine = !!newLine?.lineNumber;
+
+  const oldContentSurface = contentSurface(false, oldLineIsDelete, hasDiff);
+  const oldNumSurface = lineNumberSurface(false, oldLineIsDelete, hasDiff);
+  const newContentSurface = contentSurface(newLineIsAdded, false, hasDiff);
+  const newNumSurface = lineNumberSurface(newLineIsAdded, false, hasDiff);
+  const numFgClass = hasDiff ? "diff-fg-num" : "diff-fg-num-expand";
+
+  const renderSide = (
+    hasLine: boolean,
+    line: typeof oldLine,
+    numSurface: ReturnType<typeof lineNumberSurface>,
+    contentSurfaceName: ReturnType<typeof contentSurface>,
+    plainLine: ReturnType<DiffFile["getOldPlainLine"]>,
+    syntaxLine: ReturnType<DiffFile["getOldSyntaxLine"]>
+  ) => (
+    <view
+      className={joinClass(
+        "diff-split-pane flex min-w-0 flex-1 flex-row items-stretch",
+        surfaceClass(hasLine ? contentSurfaceName : "empty")
+      )}
+      style={{ flexBasis: "0%" }}
+    >
+      {/* 大空白 + 行号 + 小空白 */}
+      <view
+        className={joinClass(
+          "diff-line-num flex flex-shrink-0 items-start justify-end",
+          surfaceClass(hasLine ? numSurface : "empty")
+        )}
+        style={{
+          width: `${asideWidth}px`,
+          minWidth: `${asideWidth}px`,
+          maxWidth: `${asideWidth}px`,
+          paddingLeft: `${SPLIT_NUM_PAD_START}px`,
+          paddingRight: `${SPLIT_NUM_PAD_END}px`,
+        }}
+      >
+        {hasLine ? (
+          <text
+            className={joinClass(numFgClass, "text-right")}
+            style={{
+              width: `${digitWidth}px`,
+              opacity: hasChange ? 1 : 0.5,
+              lineHeight: `${lineHeight}px`,
+              whiteSpace: "nowrap",
+            }}
+          >
+            {String(line!.lineNumber)}
+          </text>
+        ) : (
+          <text style={{ width: `${digitWidth}px`, lineHeight: `${lineHeight}px`, whiteSpace: "nowrap" }}>
+            {"\u00A0"}
+          </text>
+        )}
+      </view>
+      <view
+        className={joinClass(
+          "diff-line-content min-w-0 flex-1 pr-[10px]",
+          surfaceClass(hasLine ? contentSurfaceName : "empty")
+        )}
+        style={{ flexBasis: "0%" }}
+      >
+        {hasLine ? (
+          <DiffContent
+            enableWrap={true}
+            diffFile={diffFile}
+            rawLine={line!.value || ""}
+            diffLine={line!.diff}
+            plainLine={plainLine}
+            syntaxLine={syntaxLine}
+            enableHighlight={!!enableHighlight}
+          />
+        ) : (
+          <text>{"\u00A0"}</text>
+        )}
+      </view>
+    </view>
+  );
+
+  return (
+    <view className="diff-line diff-split-row flex w-full flex-row items-stretch" flatten={false}>
+      {renderSide(hasOldLine, oldLine, oldNumSurface, oldContentSurface, oldPlainLine, oldSyntaxLine)}
+      <view className="diff-split-divider diff-border-bg w-px flex-shrink-0" style={{ minWidth: "1px" }} />
+      {renderSide(hasNewLine, newLine, newNumSurface, newContentSurface, newPlainLine, newSyntaxLine)}
+    </view>
+  );
+};
diff --git a/packages/lynx/src/components/DiffSplitExtendLine.tsx b/packages/lynx/src/components/DiffSplitExtendLine.tsx
new file mode 100644
index 00000000..3767ce84
--- /dev/null
+++ b/packages/lynx/src/components/DiffSplitExtendLine.tsx
@@ -0,0 +1,74 @@
+import { SplitSide, type DiffFile } from "@git-diff-view/core";
+import { useCallback } from "@lynx-js/react";
+
+import { useDiffViewContext } from "./DiffViewContext";
+import { joinClass, surfaceClass } from "../theme";
+
+export const DiffSplitExtendLine = ({
+  index,
+  diffFile,
+  lineNumber,
+}: {
+  index: number;
+  diffFile: DiffFile;
+  lineNumber: number;
+}) => {
+  const { useDiffContext } = useDiffViewContext();
+
+  const oldLine = diffFile.getSplitLeftLine(index);
+  const newLine = diffFile.getSplitRightLine(index);
+
+  const { oldLineExtend, newLineExtend, renderExtendLine } = useDiffContext(
+    useCallback(
+      (s) => ({
+        oldLineExtend: s.extendData?.oldFile?.[oldLine?.lineNumber ?? -1],
+        newLineExtend: s.extendData?.newFile?.[newLine?.lineNumber ?? -1],
+        renderExtendLine: s.renderExtendLine,
+      }),
+      [oldLine?.lineNumber, newLine?.lineNumber]
+    )
+  );
+
+  if (!renderExtendLine) return <view />;
+  if (!oldLineExtend?.data && !newLineExtend?.data) return <view />;
+
+  const oldRendered =
+    oldLineExtend?.data != null
+      ? renderExtendLine({
+          diffFile,
+          side: SplitSide.old,
+          lineNumber: oldLine?.lineNumber ?? -1,
+          data: oldLineExtend.data,
+          onUpdate: diffFile.notifyAll,
+        })
+      : null;
+
+  const newRendered =
+    newLineExtend?.data != null
+      ? renderExtendLine({
+          diffFile,
+          side: SplitSide.new,
+          lineNumber: newLine?.lineNumber ?? -1,
+          data: newLineExtend.data,
+          onUpdate: diffFile.notifyAll,
+        })
+      : null;
+
+  return (
+    <view className="diff-line diff-split-row diff-extend flex w-full flex-row" flatten={false}>
+      <view
+        className={joinClass("diff-split-pane min-w-0 flex-1", !oldRendered && surfaceClass("empty"))}
+        style={{ flexBasis: "0%" }}
+      >
+        {oldRendered}
+      </view>
+      <view className="diff-split-divider diff-border-bg w-px flex-shrink-0" style={{ minWidth: "1px" }} />
+      <view
+        className={joinClass("diff-split-pane min-w-0 flex-1", !newRendered && surfaceClass("empty"))}
+        style={{ flexBasis: "0%" }}
+      >
+        {newRendered}
+      </view>
+    </view>
+  );
+};
diff --git a/packages/lynx/src/components/DiffSplitHunkLine.tsx b/packages/lynx/src/components/DiffSplitHunkLine.tsx
new file mode 100644
index 00000000..133eb179
--- /dev/null
+++ b/packages/lynx/src/components/DiffSplitHunkLine.tsx
@@ -0,0 +1,122 @@
+import { composeLen, type DiffFile } from "@git-diff-view/core";
+
+import { ExpandAll, ExpandDown, ExpandUp } from "./DiffExpand";
+import { useDiffViewContext } from "./DiffViewContext";
+import { estimateLineNumberWidth, HUNK_MIN_HEIGHT } from "./styleUtils";
+import { joinClass, surfaceClass } from "../theme";
+
+type ReactNode = any;
+/** GitHub wrap-style hunk: full-width row (action + content). */
+export const DiffSplitHunkLine = ({
+  index,
+  diffFile,
+  lineNumber,
+}: {
+  index: number;
+  diffFile: DiffFile;
+  lineNumber: number;
+}) => {
+  const currentHunk = diffFile.getSplitHunkLine(index);
+
+  const currentIsShow =
+    currentHunk &&
+    currentHunk.splitInfo &&
+    currentHunk.splitInfo.startHiddenIndex < currentHunk.splitInfo.endHiddenIndex;
+
+  const currentIsPureHunk = currentHunk && diffFile._getIsPureDiffRender() && !currentHunk.splitInfo;
+
+  if (!currentIsShow && !currentIsPureHunk) return <view />;
+
+  const { useDiffContext } = useDiffViewContext();
+  const fontSize = useDiffContext.useShallowStableSelector((s) => s.fontSize) || 13;
+  const asideWidth = estimateLineNumberWidth(
+    Math.max(diffFile.splitLineLength, diffFile.fileLineLength),
+    fontSize
+  );
+
+  const expandEnabled = diffFile.getExpandEnabled();
+  const couldExpand = expandEnabled && currentHunk && currentHunk.splitInfo;
+  const isExpandAll =
+    currentHunk &&
+    currentHunk.splitInfo &&
+    currentHunk.splitInfo.endHiddenIndex - currentHunk.splitInfo.startHiddenIndex < composeLen;
+  const isFirstLine = currentHunk && currentHunk.isFirst;
+  const isLastLine = currentHunk && currentHunk.isLast;
+
+  let action: ReactNode = null;
+  if (couldExpand) {
+    if (isFirstLine) {
+      action = (
+        <view
+          className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[6px]"
+          bindtap={() => diffFile.onSplitHunkExpand("up", index)}
+        >
+          <ExpandUp />
+        </view>
+      );
+    } else if (isLastLine) {
+      action = (
+        <view
+          className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[6px]"
+          bindtap={() => diffFile.onSplitHunkExpand("down", index)}
+        >
+          <ExpandDown />
+        </view>
+      );
+    } else if (isExpandAll) {
+      action = (
+        <view
+          className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[6px]"
+          bindtap={() => diffFile.onSplitHunkExpand("all", index)}
+        >
+          <ExpandAll />
+        </view>
+      );
+    } else {
+      action = (
+        <view className="flex w-full flex-col">
+          <view
+            className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[2px]"
+            bindtap={() => diffFile.onSplitHunkExpand("down", index)}
+          >
+            <ExpandDown />
+          </view>
+          <view
+            className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[2px]"
+            bindtap={() => diffFile.onSplitHunkExpand("up", index)}
+          >
+            <ExpandUp />
+          </view>
+        </view>
+      );
+    }
+  }
+
+  return (
+    <view className="diff-line diff-line-hunk flex w-full flex-row items-stretch" flatten={false}>
+      <view
+        className={joinClass(
+          "diff-line-hunk-action flex flex-shrink-0 flex-col items-center justify-center p-[1px]",
+          surfaceClass("hunk-num")
+        )}
+        style={{
+          width: `${asideWidth}px`,
+          minWidth: `${asideWidth}px`,
+          maxWidth: `${asideWidth}px`,
+          minHeight: `${HUNK_MIN_HEIGHT}px`,
+        }}
+      >
+        {action || <view style={{ minHeight: `${HUNK_MIN_HEIGHT}px` }} />}
+      </view>
+      <view
+        className={joinClass(
+          "diff-line-hunk-content flex min-w-0 flex-1 items-center px-[10px]",
+          surfaceClass("hunk")
+        )}
+        style={{ flexBasis: "0%", minHeight: `${HUNK_MIN_HEIGHT}px` }}
+      >
+        <text className="diff-fg-hunk w-full">{currentHunk.splitInfo?.plainText || currentHunk.text}</text>
+      </view>
+    </view>
+  );
+};
diff --git a/packages/lynx/src/components/DiffSplitView.tsx b/packages/lynx/src/components/DiffSplitView.tsx
new file mode 100644
index 00000000..69258e54
--- /dev/null
+++ b/packages/lynx/src/components/DiffSplitView.tsx
@@ -0,0 +1,55 @@
+import { type DiffFile } from "@git-diff-view/core";
+import { diffAsideWidthName } from "@git-diff-view/utils";
+import { memo } from "@lynx-js/react";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import { useSyncExternalStore } from "use-sync-external-store/shim/index.js";
+
+import { DiffSplitViewLine } from "./DiffSplitViewLine";
+import { useDiffViewContext } from "./DiffViewContext";
+import { estimateLineNumberWidth, estimateListItemHeight, listItemKey } from "./styleUtils";
+import { getVisibleSplitLines } from "./visibleLines";
+
+const InternalDiffSplitView = ({ diffFile }: { diffFile: DiffFile }) => {
+  const { useDiffContext } = useDiffViewContext();
+  const fontSize = useDiffContext.useShallowStableSelector((s) => s.fontSize) || 13;
+
+  useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount, diffFile.getUpdateCount);
+
+  const splitLineLength = Math.max(diffFile.splitLineLength, diffFile.fileLineLength);
+  const width = estimateLineNumberWidth(splitLineLength, fontSize);
+  const lines = getVisibleSplitLines(diffFile);
+
+  return (
+    <list
+      className="split-diff-view split-diff-view-wrap w-full"
+      list-type="single"
+      scroll-orientation="vertical"
+      style={{
+        height: "100%",
+        width: "100%",
+        // @ts-expect-error CSS custom property
+        [diffAsideWidthName]: `${width}px`,
+        fontFamily: "Menlo, Consolas, monospace",
+        fontSize: `${fontSize}px`,
+      }}
+    >
+      {lines.map((line) => {
+        const key = listItemKey(line.type, line.index);
+        return (
+          <list-item
+            key={key}
+            item-key={key}
+            estimated-main-axis-size-px={estimateListItemHeight(line.type, fontSize)}
+          >
+            <DiffSplitViewLine line={line} diffFile={diffFile} />
+          </list-item>
+        );
+      })}
+    </list>
+  );
+};
+
+InternalDiffSplitView.displayName = "DiffSplitView";
+
+export const DiffSplitView = memo(InternalDiffSplitView) as typeof InternalDiffSplitView;
diff --git a/packages/lynx/src/components/DiffSplitViewLine.tsx b/packages/lynx/src/components/DiffSplitViewLine.tsx
new file mode 100644
index 00000000..42767aaf
--- /dev/null
+++ b/packages/lynx/src/components/DiffSplitViewLine.tsx
@@ -0,0 +1,19 @@
+import { DiffFileLineType, type DiffFile, type DiffSplitLineItem } from "@git-diff-view/core";
+
+import { DiffSplitContentLine } from "./DiffSplitContentLine";
+import { DiffSplitExtendLine } from "./DiffSplitExtendLine";
+import { DiffSplitHunkLine } from "./DiffSplitHunkLine";
+
+/** Never return null — ReactLynx list/slot updates break on null children. */
+export const DiffSplitViewLine = ({ line, diffFile }: { line: DiffSplitLineItem; diffFile: DiffFile }) => {
+  switch (line.type) {
+    case DiffFileLineType.hunk:
+      return <DiffSplitHunkLine index={line.index} lineNumber={line.lineNumber} diffFile={diffFile} />;
+    case DiffFileLineType.content:
+      return <DiffSplitContentLine index={line.index} lineNumber={line.lineNumber} diffFile={diffFile} />;
+    case DiffFileLineType.extend:
+      return <DiffSplitExtendLine index={line.index} lineNumber={line.lineNumber} diffFile={diffFile} />;
+    default:
+      return <view />;
+  }
+};
diff --git a/packages/lynx/src/components/DiffUnifiedContentLine.tsx b/packages/lynx/src/components/DiffUnifiedContentLine.tsx
new file mode 100644
index 00000000..ec73d792
--- /dev/null
+++ b/packages/lynx/src/components/DiffUnifiedContentLine.tsx
@@ -0,0 +1,128 @@
+import {
+  DiffLineType,
+  checkDiffLineIncludeChange,
+  type DiffFile,
+} from "@git-diff-view/core";
+
+import { DiffContent } from "./DiffContent";
+import { useDiffViewContext } from "./DiffViewContext";
+import {
+  estimateDigitWidth,
+  estimateLineHeight,
+  estimateUnifiedLineNumberWidth,
+  UNIFIED_NUM_PAD_EDGE,
+  UNIFIED_NUM_PAD_MID,
+} from "./styleUtils";
+import { joinClass, surfaceClass, type DiffSurface } from "../theme";
+
+export const DiffUnifiedContentLine = ({
+  index,
+  diffFile,
+  lineNumber,
+}: {
+  index: number;
+  diffFile: DiffFile;
+  lineNumber: number;
+}) => {
+  const unifiedLine = diffFile.getUnifiedLine(index);
+
+  if (unifiedLine?.isHidden) return <view />;
+
+  const { useDiffContext } = useDiffViewContext();
+  const { enableHighlight, enableWrap, fontSize } = useDiffContext.useShallowStableSelector((s) => ({
+    enableHighlight: s.enableHighlight,
+    enableWrap: s.enableWrap,
+    fontSize: s.fontSize || 13,
+  }));
+  const lineCount = Math.max(diffFile.unifiedLineLength, diffFile.fileLineLength);
+  const numColWidth = estimateUnifiedLineNumberWidth(lineCount, fontSize);
+  const digitWidth = estimateDigitWidth(lineCount, fontSize);
+  const lineHeight = estimateLineHeight(fontSize);
+
+  const hasDiff = !!unifiedLine.diff;
+  const hasChange = checkDiffLineIncludeChange(unifiedLine.diff);
+  const rawLine = unifiedLine.value || "";
+  const diffLine = unifiedLine.diff;
+  const newLineNumber = unifiedLine.newLineNumber;
+  const oldLineNumber = unifiedLine.oldLineNumber;
+
+  const syntaxLine = newLineNumber
+    ? diffFile.getNewSyntaxLine(newLineNumber)
+    : oldLineNumber
+      ? diffFile.getOldSyntaxLine(oldLineNumber)
+      : undefined;
+
+  const plainLine = newLineNumber
+    ? diffFile.getNewPlainLine(newLineNumber)
+    : oldLineNumber
+      ? diffFile.getOldPlainLine(oldLineNumber)
+      : undefined;
+
+  const isDelete = hasChange && !!oldLineNumber;
+  const isAdd = hasChange && !!newLineNumber && !oldLineNumber;
+
+  let numSurface: DiffSurface = hasDiff ? "plain-num" : "expand-num";
+  let contentSurfaceName: DiffSurface = hasDiff ? "plain" : "expand";
+
+  if (isDelete) {
+    numSurface = "del-num";
+    contentSurfaceName = "del";
+  } else if (isAdd || (hasChange && diffLine?.type === DiffLineType.Add)) {
+    numSurface = "add-num";
+    contentSurfaceName = "add";
+  }
+
+  // Match split / react unified: changed lines full opacity, context dimmed.
+  const numFgClass = hasDiff ? "diff-fg-num" : "diff-fg-num-expand";
+  const numOpacity = hasChange ? 1 : 0.5;
+
+  const numTextStyle = {
+    width: `${digitWidth}px`,
+    minWidth: `${digitWidth}px`,
+    maxWidth: `${digitWidth}px`,
+    opacity: numOpacity,
+    lineHeight: `${lineHeight}px`,
+    whiteSpace: "nowrap" as const,
+  };
+
+  return (
+    <view className="diff-line flex w-full flex-row" flatten={false}>
+      {/* 小空白 + 行号 + 中空白 + 行号 + 小空白 — fixed widths, never wrap on native */}
+      <view
+        className={joinClass("diff-line-num flex flex-shrink-0 flex-row items-start", surfaceClass(numSurface))}
+        style={{
+          width: `${numColWidth}px`,
+          minWidth: `${numColWidth}px`,
+          maxWidth: `${numColWidth}px`,
+          paddingLeft: `${UNIFIED_NUM_PAD_EDGE}px`,
+          paddingRight: `${UNIFIED_NUM_PAD_EDGE}px`,
+        }}
+      >
+        <text className={joinClass(numFgClass, "text-right")} style={numTextStyle}>
+          {oldLineNumber != null ? String(oldLineNumber) : "\u00A0"}
+        </text>
+        <view
+          className="flex-shrink-0"
+          style={{ width: `${UNIFIED_NUM_PAD_MID}px`, minWidth: `${UNIFIED_NUM_PAD_MID}px` }}
+        />
+        <text className={joinClass(numFgClass, "text-right")} style={numTextStyle}>
+          {newLineNumber != null ? String(newLineNumber) : "\u00A0"}
+        </text>
+      </view>
+      <view
+        className={joinClass("diff-line-content min-w-0 flex-1", surfaceClass(contentSurfaceName))}
+        style={{ flexBasis: "0%" }}
+      >
+        <DiffContent
+          enableWrap={!!enableWrap}
+          diffFile={diffFile}
+          enableHighlight={!!enableHighlight}
+          rawLine={rawLine}
+          diffLine={diffLine}
+          plainLine={plainLine}
+          syntaxLine={syntaxLine}
+        />
+      </view>
+    </view>
+  );
+};
diff --git a/packages/lynx/src/components/DiffUnifiedExtendLine.tsx b/packages/lynx/src/components/DiffUnifiedExtendLine.tsx
new file mode 100644
index 00000000..aab51e69
--- /dev/null
+++ b/packages/lynx/src/components/DiffUnifiedExtendLine.tsx
@@ -0,0 +1,58 @@
+import { SplitSide, type DiffFile } from "@git-diff-view/core";
+import { useCallback } from "@lynx-js/react";
+
+import { useDiffViewContext } from "./DiffViewContext";
+import { surfaceClass } from "../theme";
+
+export const DiffUnifiedExtendLine = ({
+  index,
+  diffFile,
+  lineNumber,
+}: {
+  index: number;
+  diffFile: DiffFile;
+  lineNumber: number;
+}) => {
+  const { useDiffContext } = useDiffViewContext();
+  const unifiedItem = diffFile.getUnifiedLine(index);
+
+  const { oldLineExtend, newLineExtend, renderExtendLine } = useDiffContext(
+    useCallback(
+      (s) => ({
+        oldLineExtend: s.extendData?.oldFile?.[unifiedItem?.oldLineNumber ?? -1],
+        newLineExtend: s.extendData?.newFile?.[unifiedItem?.newLineNumber ?? -1],
+        renderExtendLine: s.renderExtendLine,
+      }),
+      [unifiedItem?.oldLineNumber, unifiedItem?.newLineNumber]
+    )
+  );
+
+  if (!renderExtendLine) return <view />;
+  if (!oldLineExtend?.data && !newLineExtend?.data) return <view />;
+
+  return (
+    <view className="diff-extend diff-extend-column flex w-full flex-col">
+      {oldLineExtend?.data != null
+        ? renderExtendLine({
+            diffFile,
+            side: SplitSide.old,
+            lineNumber: unifiedItem.oldLineNumber ?? -1,
+            data: oldLineExtend.data,
+            onUpdate: diffFile.notifyAll,
+          })
+        : null}
+      {newLineExtend?.data != null
+        ? renderExtendLine({
+            diffFile,
+            side: SplitSide.new,
+            lineNumber: unifiedItem.newLineNumber ?? -1,
+            data: newLineExtend.data,
+            onUpdate: diffFile.notifyAll,
+          })
+        : null}
+      {!oldLineExtend?.data && !newLineExtend?.data ? (
+        <view className={surfaceClass("empty") + " h-px"} />
+      ) : null}
+    </view>
+  );
+};
diff --git a/packages/lynx/src/components/DiffUnifiedHunkLine.tsx b/packages/lynx/src/components/DiffUnifiedHunkLine.tsx
new file mode 100644
index 00000000..837b3ae2
--- /dev/null
+++ b/packages/lynx/src/components/DiffUnifiedHunkLine.tsx
@@ -0,0 +1,119 @@
+import { composeLen, type DiffFile } from "@git-diff-view/core";
+
+import { ExpandAll, ExpandDown, ExpandUp } from "./DiffExpand";
+import { useDiffViewContext } from "./DiffViewContext";
+import { estimateUnifiedLineNumberWidth, HUNK_MIN_HEIGHT } from "./styleUtils";
+import { joinClass, surfaceClass } from "../theme";
+
+type ReactNode = any;
+
+export const DiffUnifiedHunkLine = ({
+  index,
+  diffFile,
+  lineNumber,
+}: {
+  index: number;
+  diffFile: DiffFile;
+  lineNumber: number;
+}) => {
+  const currentHunk = diffFile.getUnifiedHunkLine(index);
+
+  const currentIsShow =
+    currentHunk &&
+    currentHunk.unifiedInfo &&
+    currentHunk.unifiedInfo.startHiddenIndex < currentHunk.unifiedInfo.endHiddenIndex;
+
+  const currentIsPureHunk = currentHunk && diffFile._getIsPureDiffRender() && !currentHunk.unifiedInfo;
+
+  if (!currentIsShow && !currentIsPureHunk) return <view />;
+
+  const { useDiffContext } = useDiffViewContext();
+  const fontSize = useDiffContext.useShallowStableSelector((s) => s.fontSize) || 13;
+  const numColWidth = estimateUnifiedLineNumberWidth(
+    Math.max(diffFile.unifiedLineLength, diffFile.fileLineLength),
+    fontSize
+  );
+
+  const expandEnabled = diffFile.getExpandEnabled();
+  const couldExpand = expandEnabled && currentHunk && currentHunk.unifiedInfo;
+  const isExpandAll =
+    currentHunk &&
+    currentHunk.unifiedInfo &&
+    currentHunk.unifiedInfo.endHiddenIndex - currentHunk.unifiedInfo.startHiddenIndex < composeLen;
+  const isFirstLine = currentHunk && currentHunk.isFirst;
+  const isLastLine = currentHunk && currentHunk.isLast;
+
+  let action: ReactNode = null;
+  if (couldExpand) {
+    if (isFirstLine) {
+      action = (
+        <view
+          className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[6px]"
+          bindtap={() => diffFile.onUnifiedHunkExpand("up", index)}
+        >
+          <ExpandUp />
+        </view>
+      );
+    } else if (isLastLine) {
+      action = (
+        <view
+          className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[6px]"
+          bindtap={() => diffFile.onUnifiedHunkExpand("down", index)}
+        >
+          <ExpandDown />
+        </view>
+      );
+    } else if (isExpandAll) {
+      action = (
+        <view
+          className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[6px]"
+          bindtap={() => diffFile.onUnifiedHunkExpand("all", index)}
+        >
+          <ExpandAll />
+        </view>
+      );
+    } else {
+      action = (
+        <view className="flex w-full flex-col">
+          <view
+            className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[2px]"
+            bindtap={() => diffFile.onUnifiedHunkExpand("down", index)}
+          >
+            <ExpandDown />
+          </view>
+          <view
+            className="diff-hunk-action flex w-full items-center justify-center rounded-[2px] py-[2px]"
+            bindtap={() => diffFile.onUnifiedHunkExpand("up", index)}
+          >
+            <ExpandUp />
+          </view>
+        </view>
+      );
+    }
+  }
+
+  return (
+    <view className="diff-line flex w-full flex-row" flatten={false}>
+      <view
+        className={joinClass(
+          "diff-line-num flex flex-shrink-0 flex-col items-center justify-center p-[1px]",
+          surfaceClass("hunk-num")
+        )}
+        style={{
+          width: `${numColWidth}px`,
+          minWidth: `${numColWidth}px`,
+          maxWidth: `${numColWidth}px`,
+          minHeight: `${HUNK_MIN_HEIGHT}px`,
+        }}
+      >
+        {action || <view style={{ minHeight: `${HUNK_MIN_HEIGHT}px` }} />}
+      </view>
+      <view
+        className={joinClass("diff-line-content flex min-w-0 flex-1 items-center px-[10px]", surfaceClass("hunk"))}
+        style={{ flexBasis: "0%", minHeight: `${HUNK_MIN_HEIGHT}px` }}
+      >
+        <text className="diff-fg-hunk w-full">{currentHunk.unifiedInfo?.plainText || currentHunk.text}</text>
+      </view>
+    </view>
+  );
+};
diff --git a/packages/lynx/src/components/DiffUnifiedView.tsx b/packages/lynx/src/components/DiffUnifiedView.tsx
new file mode 100644
index 00000000..96f083e5
--- /dev/null
+++ b/packages/lynx/src/components/DiffUnifiedView.tsx
@@ -0,0 +1,70 @@
+import { DiffFileLineType, type DiffFile, type DiffUnifiedLineItem } from "@git-diff-view/core";
+import { diffAsideWidthName } from "@git-diff-view/utils";
+import { memo } from "@lynx-js/react";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import { useSyncExternalStore } from "use-sync-external-store/shim/index.js";
+
+import { DiffUnifiedContentLine } from "./DiffUnifiedContentLine";
+import { DiffUnifiedExtendLine } from "./DiffUnifiedExtendLine";
+import { DiffUnifiedHunkLine } from "./DiffUnifiedHunkLine";
+import { useDiffViewContext } from "./DiffViewContext";
+import { estimateListItemHeight, estimateUnifiedLineNumberWidth, listItemKey } from "./styleUtils";
+import { getVisibleUnifiedLines } from "./visibleLines";
+
+const DiffUnifiedViewLine = ({ line, diffFile }: { line: DiffUnifiedLineItem; diffFile: DiffFile }) => {
+  switch (line.type) {
+    case DiffFileLineType.hunk:
+      return <DiffUnifiedHunkLine index={line.index} lineNumber={line.lineNumber} diffFile={diffFile} />;
+    case DiffFileLineType.content:
+      return <DiffUnifiedContentLine index={line.index} lineNumber={line.lineNumber} diffFile={diffFile} />;
+    case DiffFileLineType.extend:
+      return <DiffUnifiedExtendLine index={line.index} lineNumber={line.lineNumber} diffFile={diffFile} />;
+    default:
+      return <view />;
+  }
+};
+
+const InternalDiffUnifiedView = ({ diffFile }: { diffFile: DiffFile }) => {
+  const { useDiffContext } = useDiffViewContext();
+  const fontSize = useDiffContext.useShallowStableSelector((s) => s.fontSize) || 13;
+
+  useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount, diffFile.getUpdateCount);
+
+  const unifiedLineLength = Math.max(diffFile.unifiedLineLength, diffFile.fileLineLength);
+  const width = estimateUnifiedLineNumberWidth(unifiedLineLength, fontSize);
+  const lines = getVisibleUnifiedLines(diffFile);
+
+  return (
+    <list
+      className="unified-diff-view w-full"
+      list-type="single"
+      scroll-orientation="vertical"
+      style={{
+        height: "100%",
+        width: "100%",
+        // @ts-expect-error CSS custom property
+        [diffAsideWidthName]: `${width}px`,
+        fontFamily: "Menlo, Consolas, monospace",
+        fontSize: `${fontSize}px`,
+      }}
+    >
+      {lines.map((line) => {
+        const key = listItemKey(line.type, line.index);
+        return (
+          <list-item
+            key={key}
+            item-key={key}
+            estimated-main-axis-size-px={estimateListItemHeight(line.type, fontSize)}
+          >
+            <DiffUnifiedViewLine line={line} diffFile={diffFile} />
+          </list-item>
+        );
+      })}
+    </list>
+  );
+};
+
+InternalDiffUnifiedView.displayName = "DiffUnifiedView";
+
+export const DiffUnifiedView = memo(InternalDiffUnifiedView) as typeof InternalDiffUnifiedView;
diff --git a/packages/lynx/src/components/DiffView.tsx b/packages/lynx/src/components/DiffView.tsx
new file mode 100644
index 00000000..115d18a4
--- /dev/null
+++ b/packages/lynx/src/components/DiffView.tsx
@@ -0,0 +1,272 @@
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+import {
+  DiffFile,
+  _cacheMap,
+  SplitSide,
+  setEnableBuildTemplate,
+} from "@git-diff-view/core";
+import { diffFontSizeName, DiffModeEnum } from "@git-diff-view/utils";
+import { memo, useEffect, useMemo, useRef } from "@lynx-js/react";
+
+import { useUnmount } from "../hooks/useUnmount";
+
+import { DiffSplitView } from "./DiffSplitView";
+import { DiffUnifiedView } from "./DiffUnifiedView";
+import { DiffViewContext } from "./DiffViewContext";
+import { createDiffConfigStore } from "./tools";
+import { themeClassName } from "../theme";
+
+import type { DiffHighlighter, DiffHighlighterLang } from "@git-diff-view/core";
+
+type ReactNode = any;
+
+_cacheMap.name = "@git-diff-view/lynx";
+
+setEnableBuildTemplate(false);
+
+export { SplitSide, DiffModeEnum };
+
+export type DiffViewProps<T> = {
+  data?: {
+    oldFile?: { fileName?: string | null; fileLang?: DiffHighlighterLang | string | null; content?: string | null };
+    newFile?: { fileName?: string | null; fileLang?: DiffHighlighterLang | string | null; content?: string | null };
+    hunks: string[];
+  };
+  extendData?: { oldFile?: Record<string, { data: T }>; newFile?: Record<string, { data: T }> };
+  diffFile?: DiffFile;
+  className?: string;
+  style?: Record<string, string | number>;
+  registerHighlighter?: Omit<DiffHighlighter, "getHighlighterEngine">;
+  diffViewMode?: DiffModeEnum;
+  /** MVP defaults to wrap (v2 Wrap Split model). No-wrap dual-pane is deferred. */
+  diffViewWrap?: boolean;
+  diffViewTheme?: "light" | "dark";
+  diffViewFontSize?: number;
+  diffViewHighlight?: boolean;
+  renderExtendLine?: ({
+    diffFile,
+    side,
+    data,
+    lineNumber,
+    onUpdate,
+  }: {
+    lineNumber: number;
+    side: SplitSide;
+    data: T;
+    diffFile: DiffFile;
+    onUpdate: () => void;
+  }) => ReactNode;
+};
+
+type InternalProps<T> = Omit<DiffViewProps<T>, "data" | "registerHighlighter" | "diffFile"> & {
+  diffFile: DiffFile;
+  diffFileId: string;
+};
+
+const InternalDiffView = <T extends unknown>(props: InternalProps<T>) => {
+  const {
+    diffFile,
+    className,
+    style,
+    diffViewMode = DiffModeEnum.SplitGitHub,
+    diffViewWrap = true,
+    diffFileId,
+    renderExtendLine,
+    extendData,
+    diffViewTheme,
+    diffViewFontSize = 13,
+    diffViewHighlight,
+  } = props;
+
+  // Build store once with final props — avoid post-mount store churn that patches Lynx slots.
+  const useDiffContext = useMemo(
+    () =>
+      createDiffConfigStore(
+        {
+          diffViewMode,
+          diffViewWrap,
+          diffViewTheme,
+          diffViewFontSize,
+          diffViewHighlight,
+          extendData,
+          renderExtendLine,
+          isMounted: true,
+        } as DiffViewProps<T> & { isMounted: boolean },
+        diffFileId
+      ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [diffFileId]
+  );
+
+  useEffect(() => {
+    const {
+      setMode,
+      setEnableWrap,
+      setEnableHighlight,
+      setFontSize,
+      setTheme,
+      setExtendData,
+      setRenderExtendLine,
+    } = useDiffContext.getReadonlyState();
+
+    setMode(diffViewMode);
+    setEnableWrap(diffViewWrap);
+    setEnableHighlight(!!diffViewHighlight);
+    setFontSize(diffViewFontSize);
+    if (diffViewTheme) setTheme(diffViewTheme);
+    setExtendData(extendData);
+    setRenderExtendLine(renderExtendLine);
+  }, [
+    useDiffContext,
+    diffViewMode,
+    diffViewWrap,
+    diffViewHighlight,
+    diffViewFontSize,
+    diffViewTheme,
+    renderExtendLine,
+    extendData,
+  ]);
+
+  const value = useMemo(() => ({ useDiffContext }), [useDiffContext]);
+  const theme = diffFile._getTheme() || diffViewTheme || "light";
+  const isSplit = !!(diffViewMode & DiffModeEnum.Split);
+
+  return (
+    <DiffViewContext.Provider value={value}>
+      <view
+        className={"diff-view-lynx " + themeClassName(theme) + " flex h-full w-full flex-col" + (className ? ` ${className}` : "")}
+        data-theme={theme}
+        data-component="git-diff-view"
+        style={{
+          // @ts-expect-error CSS custom property
+          [diffFontSizeName]: diffViewFontSize + "px",
+          fontSize: `${diffViewFontSize}px`,
+          fontFamily: "Menlo, Consolas, monospace",
+          ...style,
+        }}
+      >
+        {/*
+          Virtualized via Lynx `<list>` (owned by Split/Unified).
+          List needs a fixed viewport height — inherit from this flex column.
+        */}
+        <view className="diff-view-lynx-scroll min-h-0 w-full flex-1" style={{ height: "100%", flexBasis: "0%" }}>
+          {isSplit ? (
+            <DiffSplitView key="split" diffFile={diffFile} />
+          ) : (
+            <DiffUnifiedView key="unified" diffFile={diffFile} />
+          )}
+        </view>
+      </view>
+    </DiffViewContext.Provider>
+  );
+};
+
+const MemoedInternalDiffView = memo(InternalDiffView) as typeof InternalDiffView;
+
+/**
+ * Prepare DiffFile on the render path (not in useEffect).
+ * Lynx dual-thread: effect → notifyAll → setState patches a huge child list into an
+ * empty first paint and crashes SnapshotInstance.insertBefore.
+ *
+ * Syntax highlighting must also run here when `registerHighlighter` is provided
+ * (e.g. `@git-diff-view/lezer`) — do not rely on the built-in lowlight path.
+ */
+const prepareDiffFile = (
+  file: DiffFile,
+  options: {
+    theme?: "light" | "dark";
+    enableHighlight?: boolean;
+    registerHighlighter?: Omit<DiffHighlighter, "getHighlighterEngine">;
+    /** When hydrating a prebuilt bundle, skip re-parse unless highlighter changes. */
+    fromBundle?: boolean;
+  }
+) => {
+  const { theme, enableHighlight, registerHighlighter, fromBundle } = options;
+  file.initTheme(theme);
+  file.initRaw();
+  if (enableHighlight && registerHighlighter && !fromBundle) {
+    file.initSyntax({ registerHighlighter });
+  } else if (
+    enableHighlight &&
+    registerHighlighter &&
+    fromBundle &&
+    (registerHighlighter.name !== file._getHighlighterName() ||
+      registerHighlighter.type !== file._getHighlighterType())
+  ) {
+    file.initSyntax({ registerHighlighter });
+  }
+  file.buildSplitDiffLines();
+  file.buildUnifiedDiffLines();
+  return file;
+};
+
+const DiffViewInner = <T extends unknown>(props: DiffViewProps<T>) => {
+  const { registerHighlighter, data, diffViewTheme, diffFile: _diffFile, ...restProps } = props;
+  const enableHighlight = !!props.diffViewHighlight;
+
+  const diffFile = useMemo(() => {
+    let file: DiffFile | null = null;
+    let fromBundle = false;
+    if (_diffFile) {
+      file = DiffFile.createInstance({});
+      file._mergeFullBundle(_diffFile._getFullBundle());
+      fromBundle = true;
+    } else if (data) {
+      file = new DiffFile(
+        data?.oldFile?.fileName || "",
+        data?.oldFile?.content || "",
+        data?.newFile?.fileName || "",
+        data?.newFile?.content || "",
+        data?.hunks || [],
+        data?.oldFile?.fileLang || "",
+        data?.newFile?.fileLang || ""
+      );
+    }
+    if (!file) return null;
+    return prepareDiffFile(file, {
+      theme: diffViewTheme,
+      enableHighlight,
+      registerHighlighter,
+      fromBundle,
+    });
+  }, [data, _diffFile, diffViewTheme, enableHighlight, registerHighlighter]);
+
+  const diffFileRef = useRef(diffFile);
+
+  if (diffFileRef.current && diffFileRef.current !== diffFile) {
+    diffFileRef.current.clear?.();
+    diffFileRef.current = diffFile;
+  }
+
+  useEffect(() => {
+    if (_diffFile && diffFile) {
+      _diffFile._addClonedInstance(diffFile);
+      return () => {
+        _diffFile._delClonedInstance(diffFile);
+      };
+    }
+  }, [diffFile, _diffFile]);
+
+  useUnmount(() => ((typeof __DEV__ !== "undefined" ? __DEV__ : false) ? diffFile?._destroy?.() : diffFile?.clear?.()), [
+    diffFile,
+  ]);
+
+  if (!diffFile) return <view />;
+
+  return (
+    <MemoedInternalDiffView
+      key={diffFile.getId()}
+      {...restProps}
+      diffFile={diffFile}
+      diffFileId={diffFile.getId()}
+      diffViewTheme={diffViewTheme}
+      diffViewMode={restProps.diffViewMode || DiffModeEnum.SplitGitHub}
+      diffViewFontSize={restProps.diffViewFontSize || 13}
+      diffViewWrap={restProps.diffViewWrap ?? true}
+    />
+  );
+};
+
+export const DiffView = DiffViewInner as <T>(props: DiffViewProps<T>) => ReactNode;
+
+export const version = typeof __VERSION__ !== "undefined" ? __VERSION__ : "0.1.0";
diff --git a/packages/lynx/src/components/DiffViewContext.tsx b/packages/lynx/src/components/DiffViewContext.tsx
new file mode 100644
index 00000000..9a4d5f35
--- /dev/null
+++ b/packages/lynx/src/components/DiffViewContext.tsx
@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+
+import type { createDiffConfigStore } from "./tools";
+
+export const DiffViewContext = createContext<{
+  useDiffContext: ReturnType<typeof createDiffConfigStore>;
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+}>(null);
+
+DiffViewContext.displayName = "DiffViewContext";
+
+export const useDiffViewContext = () => useContext(DiffViewContext);
diff --git a/packages/lynx/src/components/styleUtils.ts b/packages/lynx/src/components/styleUtils.ts
new file mode 100644
index 00000000..d9e0329d
--- /dev/null
+++ b/packages/lynx/src/components/styleUtils.ts
@@ -0,0 +1,92 @@
+import { DiffFileLineType } from "@git-diff-view/core";
+import { memoFunc } from "@git-diff-view/utils";
+
+import { GitHubDark, GitHubLight } from "../highlightColor";
+
+import type { CSSProperties } from "@lynx-js/types";
+
+export const getStyleObjectFromString = memoFunc((str: string) => {
+  const re: { light: Record<string, string>; dark: Record<string, string> } = { light: {}, dark: {} };
+  if (!str) return re;
+  str.split(";").forEach((el) => {
+    const [property, value] = el.split(":");
+    if (!property) return;
+    if (property.trim()?.endsWith("light")) {
+      re["light"]["color"] = value.trim();
+      return;
+    }
+    if (property.trim()?.endsWith("dark")) {
+      re["dark"]["color"] = value.trim();
+      return;
+    }
+  });
+  return re;
+});
+
+export const getStyleFromClassName = memoFunc((className: string) => {
+  const re: { light: Record<string, string>; dark: Record<string, string> } = { light: {}, dark: {} };
+  if (!className) return re;
+  className.split(" ").forEach((name) => {
+    const dark = (GitHubDark as Record<string, Record<string, string>>)[name] || {};
+    const light = (GitHubLight as Record<string, Record<string, string>>)[name] || {};
+    Object.assign(re.dark, dark);
+    Object.assign(re.light, light);
+  });
+  return re;
+});
+
+/** ~monospace digit advance (Menlo/Consolas), no canvas on Lynx. */
+const DIGIT_EM = 0.62;
+
+/** Split: 大空白 + 行号 + 小空白 */
+export const SPLIT_NUM_PAD_START = 10;
+export const SPLIT_NUM_PAD_END = 4;
+
+/** Unified: 小空白 + 行号 + 中空白 + 行号 + 小空白 */
+export const UNIFIED_NUM_PAD_EDGE = 4;
+export const UNIFIED_NUM_PAD_MID = 10;
+
+export const estimateDigitWidth = (lineCount: number, fontSize: number) => {
+  const digits = Math.max(1, String(Math.max(1, lineCount)).length);
+  return Math.round(digits * fontSize * DIGIT_EM);
+};
+
+/** Split gutter total width. */
+export const estimateLineNumberWidth = (lineCount: number, fontSize: number) => {
+  return estimateDigitWidth(lineCount, fontSize) + SPLIT_NUM_PAD_START + SPLIT_NUM_PAD_END;
+};
+
+/** Unified dual gutter total width. */
+export const estimateUnifiedLineNumberWidth = (lineCount: number, fontSize: number) => {
+  const digit = estimateDigitWidth(lineCount, fontSize);
+  return UNIFIED_NUM_PAD_EDGE + digit + UNIFIED_NUM_PAD_MID + digit + UNIFIED_NUM_PAD_EDGE;
+};
+
+/** Content line-height aligned with typical DOM monospace rendering. */
+export const estimateLineHeight = (fontSize: number) => Math.round(fontSize * 1.5);
+
+/** Hunk row min height (matches react `min-h-[28px]`). */
+export const HUNK_MIN_HEIGHT = 28;
+
+/**
+ * Placeholder height for `<list-item estimated-main-axis-size-px>`.
+ * Lynx measures real height after layout; this only reduces first-pass jump.
+ */
+export const estimateListItemHeight = (type: DiffFileLineType, fontSize: number) => {
+  if (type === DiffFileLineType.hunk) return HUNK_MIN_HEIGHT;
+  if (type === DiffFileLineType.extend) return Math.max(HUNK_MIN_HEIGHT, estimateLineHeight(fontSize) + 12);
+  return estimateLineHeight(fontSize);
+};
+
+/** Stable `<list-item item-key>` — must stay unique across expand/collapse. */
+export const listItemKey = (type: DiffFileLineType | number, index: number) => `${type}-${index}`;
+
+/**
+ * Lynx CSSProperties only types `whiteSpace` as `normal` | `nowrap`,
+ * but runtime accepts `pre-wrap` (needed for diff spaces/tabs).
+ */
+export type DiffViewStyle = Omit<CSSProperties, "whiteSpace"> & {
+  whiteSpace?: CSSProperties["whiteSpace"] | "pre-wrap" | "pre" | "pre-line";
+};
+
+export const asDiffStyle = (style: DiffViewStyle): CSSProperties => style as CSSProperties;
diff --git a/packages/lynx/src/components/tools.ts b/packages/lynx/src/components/tools.ts
new file mode 100644
index 00000000..5e0737ea
--- /dev/null
+++ b/packages/lynx/src/components/tools.ts
@@ -0,0 +1,90 @@
+import { createStore, ref } from "reactivity-store";
+
+import type { DiffModeEnum, DiffViewProps } from "./DiffView";
+
+export const createDiffConfigStore = (props: DiffViewProps<any> & { isMounted: boolean }, diffFileId: string) => {
+  return createStore(() => {
+    const id = ref(diffFileId);
+
+    const setId = (_id: string) => (id.value = _id);
+
+    const mode = ref(props.diffViewMode);
+
+    const setMode = (_mode: DiffModeEnum) => (mode.value = _mode);
+
+    const mounted = ref(props.isMounted);
+
+    const setMounted = (_mounted: boolean) => (mounted.value = _mounted);
+
+    const enableWrap = ref(props.diffViewWrap ?? true);
+
+    const setEnableWrap = (_enableWrap: boolean) => (enableWrap.value = _enableWrap);
+
+    const enableHighlight = ref(props.diffViewHighlight);
+
+    const setEnableHighlight = (_enableHighlight: boolean) => (enableHighlight.value = _enableHighlight);
+
+    const fontSize = ref(props.diffViewFontSize);
+
+    const setFontSize = (_fontSize: number) => (fontSize.value = _fontSize);
+
+    const theme = ref<"light" | "dark">(props.diffViewTheme || "light");
+
+    const setTheme = (_theme: "light" | "dark") => (theme.value = _theme);
+
+    const extendData = ref({
+      oldFile: { ...props.extendData?.oldFile },
+      newFile: { ...props.extendData?.newFile },
+    });
+
+    const setExtendData = (__extendData: DiffViewProps<any>["extendData"]) => {
+      const _extendData = __extendData || {};
+      const existOldKeys = Object.keys(extendData.value.oldFile || {});
+      const inComingOldKeys = Object.keys(_extendData.oldFile || {});
+      for (const key of existOldKeys) {
+        if (!inComingOldKeys.includes(key)) {
+          delete extendData.value.oldFile[key];
+        }
+      }
+      for (const key of inComingOldKeys) {
+        extendData.value.oldFile[key] = _extendData.oldFile![key];
+      }
+      const existNewKeys = Object.keys(extendData.value.newFile || {});
+      const inComingNewKeys = Object.keys(_extendData.newFile || {});
+      for (const key of existNewKeys) {
+        if (!inComingNewKeys.includes(key)) {
+          delete extendData.value.newFile[key];
+        }
+      }
+      for (const key of inComingNewKeys) {
+        extendData.value.newFile[key] = _extendData.newFile![key];
+      }
+    };
+
+    const renderExtendLine = ref(props.renderExtendLine);
+
+    const setRenderExtendLine = (_renderExtendLine: typeof renderExtendLine.value) =>
+      (renderExtendLine.value = _renderExtendLine);
+
+    return {
+      id,
+      setId,
+      mode,
+      setMode,
+      mounted,
+      setMounted,
+      enableWrap,
+      setEnableWrap,
+      enableHighlight,
+      setEnableHighlight,
+      fontSize,
+      setFontSize,
+      theme,
+      setTheme,
+      extendData,
+      setExtendData,
+      renderExtendLine,
+      setRenderExtendLine,
+    };
+  });
+};
diff --git a/packages/lynx/src/components/visibleLines.ts b/packages/lynx/src/components/visibleLines.ts
new file mode 100644
index 00000000..d838ab34
--- /dev/null
+++ b/packages/lynx/src/components/visibleLines.ts
@@ -0,0 +1,60 @@
+import { DiffFileLineType, getSplitLines, getUnifiedLines, type DiffFile } from "@git-diff-view/core";
+
+import type { DiffSplitLineItem, DiffUnifiedLineItem } from "@git-diff-view/core";
+
+/** Drop widget slots (unsupported) and rows that would render empty — fewer Lynx snapshot children. */
+export const getVisibleSplitLines = (diffFile: DiffFile): DiffSplitLineItem[] => {
+  return getSplitLines(diffFile).filter((line) => {
+    if (line.type === DiffFileLineType.widget) return false;
+
+    if (line.type === DiffFileLineType.hunk) {
+      const currentHunk = diffFile.getSplitHunkLine(line.index);
+      const currentIsShow =
+        currentHunk &&
+        currentHunk.splitInfo &&
+        currentHunk.splitInfo.startHiddenIndex < currentHunk.splitInfo.endHiddenIndex;
+      const currentIsPureHunk = !!(currentHunk && diffFile._getIsPureDiffRender() && !currentHunk.splitInfo);
+      return !!(currentIsShow || currentIsPureHunk);
+    }
+
+    if (line.type === DiffFileLineType.content) {
+      const oldLine = diffFile.getSplitLeftLine(line.index);
+      const newLine = diffFile.getSplitRightLine(line.index);
+      return !(oldLine?.isHidden && newLine?.isHidden);
+    }
+
+    if (line.type === DiffFileLineType.extend) {
+      // Kept; DiffSplitExtendLine returns empty <view /> when no extendData.
+      return true;
+    }
+
+    return false;
+  });
+};
+
+export const getVisibleUnifiedLines = (diffFile: DiffFile): DiffUnifiedLineItem[] => {
+  return getUnifiedLines(diffFile).filter((line) => {
+    if (line.type === DiffFileLineType.widget) return false;
+
+    if (line.type === DiffFileLineType.hunk) {
+      const currentHunk = diffFile.getUnifiedHunkLine(line.index);
+      const currentIsShow =
+        currentHunk &&
+        currentHunk.unifiedInfo &&
+        currentHunk.unifiedInfo.startHiddenIndex < currentHunk.unifiedInfo.endHiddenIndex;
+      const currentIsPureHunk = !!(currentHunk && diffFile._getIsPureDiffRender() && !currentHunk.unifiedInfo);
+      return !!(currentIsShow || currentIsPureHunk);
+    }
+
+    if (line.type === DiffFileLineType.content) {
+      const unifiedLine = diffFile.getUnifiedLine(line.index);
+      return !unifiedLine?.isHidden;
+    }
+
+    if (line.type === DiffFileLineType.extend) {
+      return true;
+    }
+
+    return false;
+  });
+};
diff --git a/packages/lynx/src/global.d.ts b/packages/lynx/src/global.d.ts
new file mode 100644
index 00000000..f68082e2
--- /dev/null
+++ b/packages/lynx/src/global.d.ts
@@ -0,0 +1,6 @@
+declare global {
+  const __DEV__: boolean;
+  const __VERSION__: string;
+}
+
+export {};
diff --git a/packages/lynx/src/highlightColor.ts b/packages/lynx/src/highlightColor.ts
new file mode 100644
index 00000000..1720bb7d
--- /dev/null
+++ b/packages/lynx/src/highlightColor.ts
@@ -0,0 +1,97 @@
+export const GitHubLight = {
+  "code.hljs": { padding: "3px 5px" },
+  hljs: { color: "#24292e", background: "#ffffff" },
+  "hljs-doctag": { color: "#d73a49" },
+  "hljs-keyword": { color: "#d73a49" },
+  "hljs-template-tag": { color: "#d73a49" },
+  "hljs-template-variable": { color: "#d73a49" },
+  "hljs-type": { color: "#d73a49" },
+  "hljs-variable.language_": { color: "#d73a49" },
+  "hljs-title": { color: "#6f42c1" },
+  "hljs-title.class_": { color: "#6f42c1" },
+  "hljs-title.class_.inherited__": { color: "#6f42c1" },
+  "hljs-title.function_": { color: "#6f42c1" },
+  "hljs-attr": { color: "#005cc5" },
+  "hljs-attribute": { color: "#005cc5" },
+  "hljs-literal": { color: "#005cc5" },
+  "hljs-meta": { color: "#005cc5" },
+  "hljs-number": { color: "#005cc5" },
+  "hljs-operator": { color: "#005cc5" },
+  "hljs-variable": { color: "#005cc5" },
+  "hljs-selector-attr": { color: "#005cc5" },
+  "hljs-selector-class": { color: "#005cc5" },
+  "hljs-selector-id": { color: "#005cc5" },
+  "hljs-regexp": { color: "#032f62" },
+  "hljs-string": { color: "#032f62" },
+  "hljs-built_in": { color: "#e36209" },
+  "hljs-symbol": { color: "#e36209" },
+  "hljs-comment": { color: "#6a737d" },
+  "hljs-code": { color: "#6a737d" },
+  "hljs-formula": { color: "#6a737d" },
+  "hljs-name": { color: "#22863a" },
+  "hljs-quote": { color: "#22863a" },
+  "hljs-selector-tag": { color: "#22863a" },
+  "hljs-selector-pseudo": { color: "#22863a" },
+  "hljs-subst": { color: "#24292e" },
+  "hljs-section": { color: "#005cc5", "font-weight": "bold" },
+  "hljs-bullet": { color: "#735c0f" },
+  "hljs-emphasis": { color: "#24292e", "font-style": "italic" },
+  "hljs-strong": { color: "#24292e", "font-weight": "bold" },
+  "hljs-addition": { color: "#22863a", "background-color": "#f0fff4" },
+  "hljs-deletion": { color: "#b31d28", "background-color": "#ffeef0" },
+  "hljs-char.escape_": {},
+  "hljs-link": {},
+  "hljs-params": {},
+  "hljs-property": {},
+  "hljs-punctuation": {},
+  "hljs-tag": {},
+};
+
+export const GitHubDark = {
+  "code.hljs": { padding: "3px 5px" },
+  hljs: { color: "#c9d1d9", background: "#0d1117" },
+  "hljs-doctag": { color: "#ff7b72" },
+  "hljs-keyword": { color: "#ff7b72" },
+  "hljs-template-tag": { color: "#ff7b72" },
+  "hljs-template-variable": { color: "#ff7b72" },
+  "hljs-type": { color: "#ff7b72" },
+  "hljs-variable.language_": { color: "#ff7b72" },
+  "hljs-title": { color: "#d2a8ff" },
+  "hljs-title.class_": { color: "#d2a8ff" },
+  "hljs-title.class_.inherited__": { color: "#d2a8ff" },
+  "hljs-title.function_": { color: "#d2a8ff" },
+  "hljs-attr": { color: "#79c0ff" },
+  "hljs-attribute": { color: "#79c0ff" },
+  "hljs-literal": { color: "#79c0ff" },
+  "hljs-meta": { color: "#79c0ff" },
+  "hljs-number": { color: "#79c0ff" },
+  "hljs-operator": { color: "#79c0ff" },
+  "hljs-variable": { color: "#79c0ff" },
+  "hljs-selector-attr": { color: "#79c0ff" },
+  "hljs-selector-class": { color: "#79c0ff" },
+  "hljs-selector-id": { color: "#79c0ff" },
+  "hljs-regexp": { color: "#a5d6ff" },
+  "hljs-string": { color: "#a5d6ff" },
+  "hljs-built_in": { color: "#ffa657" },
+  "hljs-symbol": { color: "#ffa657" },
+  "hljs-comment": { color: "#8b949e" },
+  "hljs-code": { color: "#8b949e" },
+  "hljs-formula": { color: "#8b949e" },
+  "hljs-name": { color: "#7ee787" },
+  "hljs-quote": { color: "#7ee787" },
+  "hljs-selector-tag": { color: "#7ee787" },
+  "hljs-selector-pseudo": { color: "#7ee787" },
+  "hljs-subst": { color: "#c9d1d9" },
+  "hljs-section": { color: "#1f6feb", "font-weight": "bold" },
+  "hljs-bullet": { color: "#f2cc60" },
+  "hljs-emphasis": { color: "#c9d1d9", "font-style": "italic" },
+  "hljs-strong": { color: "#c9d1d9", "font-weight": "bold" },
+  "hljs-addition": { color: "#aff5b4", "background-color": "#033a16" },
+  "hljs-deletion": { color: "#ffdcd7", "background-color": "#67060c" },
+  "hljs-char.escape_": {},
+  "hljs-link": {},
+  "hljs-params": {},
+  "hljs-property": {},
+  "hljs-punctuation": {},
+  "hljs-tag": {},
+};
diff --git a/packages/lynx/src/hooks/useIsMounted.ts b/packages/lynx/src/hooks/useIsMounted.ts
new file mode 100644
index 00000000..4a37e09d
--- /dev/null
+++ b/packages/lynx/src/hooks/useIsMounted.ts
@@ -0,0 +1,11 @@
+import { useEffect, useState } from "@lynx-js/react";
+
+export const useIsMounted = () => {
+  const [isMounted, setIsMounted] = useState(false);
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  return isMounted;
+};
diff --git a/packages/lynx/src/hooks/useUnmount.ts b/packages/lynx/src/hooks/useUnmount.ts
new file mode 100644
index 00000000..cd844733
--- /dev/null
+++ b/packages/lynx/src/hooks/useUnmount.ts
@@ -0,0 +1,10 @@
+import { useEffect } from "@lynx-js/react";
+
+export const useUnmount = (fn: () => void, deps: unknown[]) => {
+  useEffect(() => {
+    return () => {
+      fn();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+};
diff --git a/packages/lynx/src/index.ts b/packages/lynx/src/index.ts
new file mode 100644
index 00000000..77008b3c
--- /dev/null
+++ b/packages/lynx/src/index.ts
@@ -0,0 +1,3 @@
+export * from "./components/DiffView";
+
+export * from "@git-diff-view/core";
diff --git a/packages/lynx/src/stubs/lezer-markdown.ts b/packages/lynx/src/stubs/lezer-markdown.ts
new file mode 100644
index 00000000..62cb4d0c
--- /dev/null
+++ b/packages/lynx/src/stubs/lezer-markdown.ts
@@ -0,0 +1,12 @@
+/**
+ * Lynx-safe stub for `@lezer/markdown`.
+ *
+ * Real `@lezer/markdown` uses Unicode property escapes (`\\p{S}|\\p{P}`) that
+ * Lynx's JS engine rejects during bytecode encode.
+ */
+
+export const parser = {
+  parse: (_input: string): never => {
+    throw new Error("[@git-diff-view/lynx] @lezer/markdown is stubbed on Lynx");
+  },
+};
diff --git a/packages/lynx/src/stubs/lowlight.ts b/packages/lynx/src/stubs/lowlight.ts
new file mode 100644
index 00000000..1d41c5c7
--- /dev/null
+++ b/packages/lynx/src/stubs/lowlight.ts
@@ -0,0 +1,60 @@
+/**
+ * Lynx-safe stub replacing `@git-diff-view/lowlight`.
+ *
+ * Full lowlight/highlight.js ships language grammars that use Unicode property
+ * escapes (`\p{...}`) and other regex features Lynx's JS engine cannot parse,
+ * which fails bytecode generation with:
+ *   SyntaxError: invalid escape sequence in regular expression
+ *
+ * Prefer pre-highlighted `DiffFile` (initSyntax on Node/worker) or a custom
+ * `registerHighlighter` that only uses Lynx-safe regexes.
+ */
+
+import { processAST } from "@git-diff-view/utils";
+
+import type { DiffAST, SyntaxLine } from "@git-diff-view/utils";
+
+export type DiffHighlighterLang = string;
+
+export type DiffHighlighter = {
+  name: string;
+  type: "class" | "style" | string;
+  maxLineToIgnoreSyntax: number;
+  setMaxLineToIgnoreSyntax: (v: number) => void;
+  ignoreSyntaxHighlightList: (string | RegExp)[];
+  setIgnoreSyntaxHighlightList: (v: (string | RegExp)[]) => void;
+  getAST: (raw: string, fileName?: string, lang?: string) => DiffAST | undefined;
+  processAST: (ast: DiffAST) => { syntaxFileObject: Record<number, SyntaxLine>; syntaxFileLineNumber: number };
+  hasRegisteredCurrentLang: (lang: string) => boolean;
+  getHighlighterEngine: () => null;
+};
+
+const ignoreList: (string | RegExp)[] = [];
+
+let maxLineToIgnoreSyntax = 2000;
+
+export const highlighter: DiffHighlighter = {
+  name: "lynx-stub",
+  type: "class",
+  get maxLineToIgnoreSyntax() {
+    return maxLineToIgnoreSyntax;
+  },
+  setMaxLineToIgnoreSyntax: (v: number) => {
+    maxLineToIgnoreSyntax = v;
+  },
+  get ignoreSyntaxHighlightList() {
+    return ignoreList;
+  },
+  setIgnoreSyntaxHighlightList: (v: (string | RegExp)[]) => {
+    ignoreList.length = 0;
+    ignoreList.push(...v);
+  },
+  getAST: () => undefined,
+  processAST,
+  hasRegisteredCurrentLang: () => false,
+  getHighlighterEngine: () => null,
+};
+
+export { processAST };
+
+export const versions = "0.0.0-lynx-stub";
diff --git a/packages/lynx/src/tailwind.css b/packages/lynx/src/tailwind.css
new file mode 100644
index 00000000..8d592aa7
--- /dev/null
+++ b/packages/lynx/src/tailwind.css
@@ -0,0 +1,5 @@
+@import "./styles/theme.css";
+@import "./styles/diff-view.css";
+
+@tailwind components;
+@tailwind utilities;
diff --git a/packages/lynx/src/theme.ts b/packages/lynx/src/theme.ts
new file mode 100644
index 00000000..0297658a
--- /dev/null
+++ b/packages/lynx/src/theme.ts
@@ -0,0 +1,37 @@
+/**
+ * Theme helpers for Lynx — colors live in CSS variables (theme.css).
+ * Prefer className + stylesheet `var(--*)` over inline `var()` / hex.
+ */
+
+export type LynxThemeName = "light" | "dark";
+
+export type DiffSurface =
+  | "add"
+  | "del"
+  | "plain"
+  | "expand"
+  | "empty"
+  | "hunk"
+  | "hunk-num"
+  | "add-num"
+  | "del-num"
+  | "plain-num"
+  | "expand-num";
+
+export const themeClassName = (theme: LynxThemeName) => (theme === "dark" ? "theme-dark" : "theme-light");
+
+export const surfaceClass = (surface: DiffSurface) => `diff-surface-${surface}`;
+
+export const contentSurface = (isAdded: boolean, isDelete: boolean, hasDiff: boolean): DiffSurface => {
+  if (isAdded) return "add";
+  if (isDelete) return "del";
+  return hasDiff ? "plain" : "expand";
+};
+
+export const lineNumberSurface = (isAdded: boolean, isDelete: boolean, hasDiff: boolean): DiffSurface => {
+  if (isAdded) return "add-num";
+  if (isDelete) return "del-num";
+  return hasDiff ? "plain-num" : "expand-num";
+};
+
+export const joinClass = (...parts: Array<string | false | null | undefined>) => parts.filter(Boolean).join(" ");
diff --git a/packages/lynx/tailwind.config.js b/packages/lynx/tailwind.config.js
new file mode 100644
index 00000000..7da66252
--- /dev/null
+++ b/packages/lynx/tailwind.config.js
@@ -0,0 +1,11 @@
+const { createLynxPreset } = require("@lynx-js/tailwind-preset");
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  presets: [createLynxPreset()],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/packages/lynx/tsconfig.json b/packages/lynx/tsconfig.json
new file mode 100644
index 00000000..3c0a3dda
--- /dev/null
+++ b/packages/lynx/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "@lynx-js/react",
+    "rootDir": "./src",
+    "outDir": "./dist/types",
+    "declaration": true,
+    "declarationMap": true,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*"]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1515a971..6f411bd9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,7 +32,7 @@ catalogs:
       version: 6.0.1
     autoprefixer:
       specifier: ^10.4.27
-      version: 10.5.0
+      version: 10.5.4
     cross-env:
       specifier: ^10.1.0
       version: 10.1.0
@@ -50,7 +50,7 @@ catalogs:
       version: 4.18.1
     postcss:
       specifier: ^8.5.8
-      version: 8.5.10
+      version: 8.5.25
     prettier:
       specifier: ^3.8.1
       version: 3.8.3
@@ -92,6 +92,9 @@ importers:
       '@git-diff-view/lezer':
         specifier: workspace:*
         version: link:packages/lezer
+      '@git-diff-view/lynx':
+        specifier: workspace:*
+        version: link:packages/lynx
       '@git-diff-view/react':
         specifier: workspace:*
         version: link:packages/react
@@ -115,7 +118,7 @@ importers:
         version: 5.1.1(rollup@4.60.2)
       '@swc/core':
         specifier: 'catalog:'
-        version: 1.15.30
+        version: 1.15.30(@swc/helpers@0.5.23)
       '@types/lodash':
         specifier: 'catalog:'
         version: 4.17.24
@@ -130,7 +133,7 @@ importers:
         version: 19.2.2(@types/react@19.2.2)
       autoprefixer:
         specifier: 'catalog:'
-        version: 10.5.0(postcss@8.5.10)
+        version: 10.5.4(postcss@8.5.25)
       dts-bundle-generator:
         specifier: ^9.5.1
         version: 9.5.1
@@ -148,16 +151,16 @@ importers:
         version: 9.1.7
       postcss:
         specifier: 'catalog:'
-        version: 8.5.10
+        version: 8.5.25
       postcss-cli:
         specifier: ^11.0.0
-        version: 11.0.1(jiti@1.21.7)(postcss@8.5.10)
+        version: 11.0.1(jiti@1.21.7)(postcss@8.5.25)
       postcss-import:
         specifier: ^16.1.0
-        version: 16.1.1(postcss@8.5.10)
+        version: 16.1.1(postcss@8.5.25)
       postcss-prefix-selector:
         specifier: ^2.1.0
-        version: 2.1.1(postcss@8.5.10)
+        version: 2.1.1(postcss@8.5.25)
       prettier:
         specifier: 'catalog:'
         version: 3.8.3
@@ -169,13 +172,13 @@ importers:
         version: https://codeload.github.com/MrWangJustToDo/project-tool/tar.gz/64550787384b6d7be1da7e3376e5167e85a1c498(jiti@1.21.7)(typescript@5.9.3)
       rollup-plugin-postcss:
         specifier: ^4.0.2
-        version: 4.0.2(postcss@8.5.10)(ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3))
+        version: 4.0.2(postcss@8.5.25)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3))
       tailwindcss:
         specifier: 'catalog:'
         version: 3.4.19(yaml@2.8.1)
       ts-node:
         specifier: 'catalog:'
-        version: 10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3)
+        version: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3)
       tslib:
         specifier: 'catalog:'
         version: 2.8.1
@@ -346,6 +349,49 @@ importers:
         specifier: ^3.3.0
         version: 3.3.0
 
+  packages/lynx:
+    dependencies:
+      '@git-diff-view/core':
+        specifier: ^0.1.7
+        version: link:../core
+      reactivity-store:
+        specifier: ^0.4.0
+        version: 0.4.0(react@19.2.0)
+      use-sync-external-store:
+        specifier: ^1.6.0
+        version: 1.6.0(react@19.2.0)
+    devDependencies:
+      '@lynx-js/react':
+        specifier: ^0.123.0
+        version: 0.123.2(@lynx-js/types@4.1.0)(@types/react@18.3.31)
+      '@lynx-js/tailwind-preset':
+        specifier: ^0.5.0
+        version: 0.5.0(tailwindcss@3.4.19(yaml@2.8.1))
+      '@lynx-js/types':
+        specifier: '*'
+        version: 4.1.0
+      '@types/react':
+        specifier: ^18.3.8
+        version: 18.3.31
+      '@types/use-sync-external-store':
+        specifier: ^1.5.0
+        version: 1.5.0
+      autoprefixer:
+        specifier: ^10.5.4
+        version: 10.5.4(postcss@8.5.25)
+      postcss:
+        specifier: ^8.5.25
+        version: 8.5.25
+      postcss-cli:
+        specifier: ^11.0.0
+        version: 11.0.1(jiti@1.21.7)(postcss@8.5.25)
+      postcss-import:
+        specifier: ^16.1.0
+        version: 16.1.1(postcss@8.5.25)
+      tailwindcss:
+        specifier: '3'
+        version: 3.4.19(yaml@2.8.1)
+
   packages/react:
     dependencies:
       '@git-diff-view/core':
@@ -491,7 +537,7 @@ importers:
         version: 10.1.8(eslint@9.37.0(jiti@1.21.7))
       eslint-plugin-svelte:
         specifier: ^3.12.4
-        version: 3.12.4(eslint@9.37.0(jiti@1.21.7))(svelte@5.39.12)(ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3))
+        version: 3.12.4(eslint@9.37.0(jiti@1.21.7))(svelte@5.39.12)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3))
       globals:
         specifier: ^16.0.0
         version: 16.4.0
@@ -578,6 +624,43 @@ importers:
         specifier: ^3.1.1
         version: 3.1.1(typescript@5.9.3)
 
+  ui/lynx-example:
+    dependencies:
+      '@git-diff-view/lezer':
+        specifier: workspace:*
+        version: link:../../packages/lezer
+      '@git-diff-view/lynx':
+        specifier: workspace:*
+        version: link:../../packages/lynx
+      '@lynx-js/react':
+        specifier: ^0.123.0
+        version: 0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2)
+    devDependencies:
+      '@lynx-js/react-rsbuild-plugin':
+        specifier: '*'
+        version: 0.18.2(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))(tslib@2.8.1)
+      '@lynx-js/rspeedy':
+        specifier: '*'
+        version: 0.16.2(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rspack/core@2.1.7(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@lynx-js/tailwind-preset':
+        specifier: ^0.5.0
+        version: 0.5.0(tailwindcss@3.4.19(yaml@2.8.1))
+      '@lynx-js/types':
+        specifier: '*'
+        version: 4.1.0
+      postcss:
+        specifier: ^8.5.25
+        version: 8.5.25
+      rsbuild-plugin-tailwindcss:
+        specifier: ^0.2.4
+        version: 0.2.4(@rsbuild/core@2.1.7)(tailwindcss@3.4.19(yaml@2.8.1))
+      tailwindcss:
+        specifier: '3'
+        version: 3.4.19(yaml@2.8.1)
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+
   ui/next-app-example:
     dependencies:
       '@git-diff-view/core':
@@ -613,7 +696,7 @@ importers:
         version: 16.2.4(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3)
       postcss:
         specifier: 'catalog:'
-        version: 8.5.10
+        version: 8.5.25
       tailwindcss:
         specifier: 'catalog:'
         version: 3.4.19(yaml@2.8.1)
@@ -650,7 +733,7 @@ importers:
         version: 16.2.4(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3)
       postcss:
         specifier: 'catalog:'
-        version: 8.5.10
+        version: 8.5.25
       tailwindcss:
         specifier: 'catalog:'
         version: 3.4.19(yaml@2.8.1)
@@ -720,7 +803,7 @@ importers:
         version: 0.3.30(@my-react/react@0.3.30(react@19.2.0))
       '@my-react/react-vite':
         specifier: ^0.0.36
-        version: 0.0.36(@my-react/react-refresh@0.3.30(@my-react/react@0.3.30(react@19.2.0)))(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))
+        version: 0.0.36(@my-react/react-refresh@0.3.30(@my-react/react@0.3.30(react@19.2.0)))(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))
       '@types/react':
         specifier: 'catalog:'
         version: 19.2.2
@@ -729,7 +812,7 @@ importers:
         version: 19.2.2(@types/react@19.2.2)
       '@vitejs/plugin-react':
         specifier: 'catalog:'
-        version: 5.2.0(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))
+        version: 5.2.0(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))
       '@xterm/addon-fit':
         specifier: 0.11.0
         version: 0.11.0
@@ -738,22 +821,22 @@ importers:
         version: 6.0.0
       autoprefixer:
         specifier: 'catalog:'
-        version: 10.5.0(postcss@8.5.10)
+        version: 10.5.4(postcss@8.5.25)
       postcss:
         specifier: 'catalog:'
-        version: 8.5.10
+        version: 8.5.25
       postcss-preset-mantine:
         specifier: ^1.18.0
-        version: 1.18.0(postcss@8.5.10)
+        version: 1.18.0(postcss@8.5.25)
       tailwindcss:
         specifier: 'catalog:'
         version: 3.4.19(yaml@2.8.1)
       vite:
         specifier: ^5.4.20
-        version: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+        version: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
       vite-tsconfig-paths:
         specifier: ^5.1.4
-        version: 5.1.4(typescript@5.9.3)(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))
+        version: 5.1.4(typescript@5.9.3)(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))
 
   ui/solid-example:
     dependencies:
@@ -763,19 +846,19 @@ importers:
     devDependencies:
       autoprefixer:
         specifier: 'catalog:'
-        version: 10.5.0(postcss@8.5.10)
+        version: 10.5.4(postcss@8.5.25)
       postcss:
         specifier: 'catalog:'
-        version: 8.5.10
+        version: 8.5.25
       tailwindcss:
         specifier: 'catalog:'
         version: 3.4.19(yaml@2.8.1)
       vite:
         specifier: ^5.4.20
-        version: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+        version: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
       vite-plugin-solid:
         specifier: ^2.11.9
-        version: 2.11.9(solid-js@1.9.9)(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))
+        version: 2.11.9(solid-js@1.9.9)(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))
 
   ui/vue-example:
     dependencies:
@@ -788,19 +871,19 @@ importers:
     devDependencies:
       '@vitejs/plugin-vue':
         specifier: 'catalog:'
-        version: 6.0.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))
+        version: 6.0.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))
       autoprefixer:
         specifier: 'catalog:'
-        version: 10.5.0(postcss@8.5.10)
+        version: 10.5.4(postcss@8.5.25)
       postcss:
         specifier: 'catalog:'
-        version: 8.5.10
+        version: 8.5.25
       tailwindcss:
         specifier: 'catalog:'
         version: 3.4.19(yaml@2.8.1)
       vite:
         specifier: ^5.4.20
-        version: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+        version: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
       vue-tsc:
         specifier: ^3.1.1
         version: 3.1.1(typescript@5.9.3)
@@ -831,13 +914,13 @@ importers:
         version: 22.19.17
       '@vitejs/plugin-vue':
         specifier: 'catalog:'
-        version: 6.0.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))
+        version: 6.0.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))
       cross-env:
         specifier: 'catalog:'
         version: 10.1.0
       vite:
         specifier: ^5.4.20
-        version: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+        version: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
       vue-tsc:
         specifier: ^3.1.1
         version: 3.1.1(typescript@5.9.3)
@@ -852,6 +935,10 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
+  '@babel/code-frame@7.26.2':
+    resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/code-frame@7.27.1':
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
@@ -1089,6 +1176,9 @@ packages:
       react: ^16.8.0 || ^17 || ^18 || ^19
       react-dom: ^16.8.0 || ^17 || ^18 || ^19
 
+  '@colordx/core@5.5.0':
+    resolution: {integrity: sha512-3PxTH8itZzltK0U9jTwVVnjLXvnDYuq3m+QXsHkENxWiPRh4WaoLcs1SQjqgZ55kS+QyirpH5BVwzP2gMVG6EQ==}
+
   '@cspotcode/source-map-support@0.8.1':
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
@@ -1137,18 +1227,27 @@ packages:
     peerDependencies:
       postcss-selector-parser: ^7.1.1
 
+  '@emnapi/core@1.11.2':
+    resolution: {integrity: sha512-TC8MkTuZUtcTSiFeuC0ksCh9QIJ5+F21MvZ4Wn4ORfYaFJ/0dsiudv5tVkejgwZlwQ39jL9WWDe2lz8x0WglOA==}
+
   '@emnapi/core@1.5.0':
     resolution: {integrity: sha512-sbP8GzB1WDzacS8fgNPpHlp6C9VZe+SJP3F90W9rLemaQj2PzIuTEl1qDOYQf58YIpyjViI24y9aPWCjEzY2cg==}
 
   '@emnapi/runtime@1.10.0':
     resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
 
+  '@emnapi/runtime@1.11.2':
+    resolution: {integrity: sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==}
+
   '@emnapi/runtime@1.5.0':
     resolution: {integrity: sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==}
 
   '@emnapi/wasi-threads@1.1.0':
     resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
 
+  '@emnapi/wasi-threads@1.2.2':
+    resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==}
+
   '@epic-web/invariant@1.0.0':
     resolution: {integrity: sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==}
 
@@ -1689,6 +1788,18 @@ packages:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
 
+  '@jest/pattern@30.4.0':
+    resolution: {integrity: sha512-RAWn3+f9u8BsHijKJ71uHcFp6vmyEt6VvoWXkl6hKF3qVIuWNmudVjg12DlBPGup/frIl5UcUlH5HfEuvHpEXg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/schemas@30.4.1':
+    resolution: {integrity: sha512-i6b4qw5qnP8c5FEeBJg/uZQ4ddrkN6Ca8qISJh0pr7a5hfn3h3v5x60BEbOC7OYAGZNMs1LfFLwnW2CuK8F57Q==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/types@30.4.1':
+    resolution: {integrity: sha512-f1x/vJXIfjOlEmejYpbkbgw1gOqpPECwMvMEtBqe47j7H2Hg8h8w3o3ikhSXq3MI15kg+oQ0exWO0uCtTNJLoQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -1771,6 +1882,151 @@ packages:
   '@lezer/yaml@1.0.4':
     resolution: {integrity: sha512-2lrrHqxalACEbxIbsjhqGpSW8kWpUKuY6RHgnSAFZa6qK62wvnPxA8hGOwOoDbwHcOFs5M4o27mjGu+P7TvBmw==}
 
+  '@lynx-js/cache-events-webpack-plugin@0.2.0':
+    resolution: {integrity: sha512-f903x00MMmWB9yIyvACAoe4im0T58JHpKnypV/ccI2gp477RJoCgXPne2x8Obgo3fTOIMHpmNMdnxFW1ej9olQ==}
+    engines: {node: '>=18'}
+
+  '@lynx-js/chunk-loading-webpack-plugin@0.4.1':
+    resolution: {integrity: sha512-vZb2HiZdkVdexs2OhRVZE3FkSUPYRvdnaAKG8y47WW2NlVFj6PHzqEhkqfO1L3dm5CIEsPgOMwzgSs3BHZZ8ig==}
+    engines: {node: '>=18'}
+
+  '@lynx-js/css-extract-webpack-plugin@0.10.0':
+    resolution: {integrity: sha512-Es+j3PezOpYOeiOAUczBm/y2zRC+w0wVCE9sfidlQgusVWTqdS/ZK/RJCHK/37X7Jk7uH16D/g5LRgCIqcfN/Q==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@lynx-js/template-webpack-plugin': ^0.14.0
+
+  '@lynx-js/css-serializer@0.1.7':
+    resolution: {integrity: sha512-k8J/zZdYvsxqSZxT25dWBT4leOvYSpAanC5NmpYmf0EkSDWbQohensPSMOnEvEmP9R97gDO7K+eA6vgv8IYWGg==}
+
+  '@lynx-js/debug-metadata-rsbuild-plugin@0.2.1':
+    resolution: {integrity: sha512-uvpX41tk7TxkIs8fJqIHqOUyOhRC5BVTH4ri+B1rZI6k3yclYIKA7lSnDirgEL+92GmkInerO3Zwg9y3Zyg5hA==}
+    engines: {node: '>=18'}
+
+  '@lynx-js/debug-metadata@0.1.0':
+    resolution: {integrity: sha512-3N+Wgc/kIc4/aG5KpdPWKsC9MsNngygeyg9JS6IOayS8AQJ37xjVEzlz1U3aYzT9al0RJKL7w4poa0tGaXBv1g==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  '@lynx-js/internal-preact@10.29.1-20260519060144-e6da44c':
+    resolution: {integrity: sha512-h2pRrt5oLK9LT1NkjyprtzJij/AdZGvv3CN6B5edL4chixqvITbxoCSdYy667Hl6+uKOBuxmCNZoDddgRfcLnw==}
+
+  '@lynx-js/react-alias-rsbuild-plugin@0.18.2':
+    resolution: {integrity: sha512-93MxwMoaO1u7hXlRktumRiVtCWcTThuHgBx66ro8w4wOub+IcLVuQ072uppXWSJs2OYighjFzmsCrNYV3M8ySQ==}
+    engines: {node: '>=18'}
+
+  '@lynx-js/react-refresh-webpack-plugin@0.4.1':
+    resolution: {integrity: sha512-L03dbY40PTR/+O4M5Orshn5q+59CdAqVPJOD9mKK4CMg0Vt+2jAOjow29x9tJZ8rjWQTJY2JdhOjIDBYpGXD5w==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@lynx-js/react-webpack-plugin': ^0.3.0 || ^0.4.0 || ^0.5.0 || ^0.6.0 || ^0.7.0 || ^0.8.0 || ^0.9.0 || ^0.10.0
+
+  '@lynx-js/react-rsbuild-plugin@0.18.2':
+    resolution: {integrity: sha512-cHVl/PxeR6A5u/UmR66vb1ioIQm72YhTIUHXoKGqXzVOFc+AjcDwBkgdV807FbmzZSe444STXpgVgd+xQ9ZjoA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@lynx-js/react': ^0.123.0
+    peerDependenciesMeta:
+      '@lynx-js/react':
+        optional: true
+
+  '@lynx-js/react-webpack-plugin@0.10.2':
+    resolution: {integrity: sha512-XPBK8jOqQQ1HhA8HsUPHPR/EFYAurlr/rOoYo8s9baWUtPHMVtVuXTXOCv69arjikPGKbXKh0BHIPmhQsxaOGg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@lynx-js/react': '*'
+      '@lynx-js/template-webpack-plugin': ^0.13.0 || ^0.14.0
+    peerDependenciesMeta:
+      '@lynx-js/react':
+        optional: true
+
+  '@lynx-js/react@0.123.2':
+    resolution: {integrity: sha512-LCziXnspeni5qQ6hD5vZ6sBmgiuI3e8O1OMvS58lQzrE7vRACTKdNQIe9jTRFABnn8j4zjOpUJPbcYwQYcRkdw==}
+    peerDependencies:
+      '@lynx-js/types': '*'
+      '@types/react': ^18 || ^19.0.0
+    peerDependenciesMeta:
+      '@lynx-js/types':
+        optional: true
+
+  '@lynx-js/rsbuild-plugin@0.0.1':
+    resolution: {integrity: sha512-Q5V3JojzN1HAKfUHPEyZSZkbAIEKKPzPh3pe3wpU0ukpcuipcbyN9EbX2dGTOE8NAu/QBoPuCPQptC4piYCUug==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@rsbuild/core': ^2.0.0
+
+  '@lynx-js/rspeedy@0.16.2':
+    resolution: {integrity: sha512-GvxKF2neTWkvqaUDrVOX12R2DZ6s+PL8YZhD89e8Kr4KRBUpc6bDx8bJxsiQzeF4krAhor8p3NsaqqkUiOY17g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      typescript: 5.1.6 - 6.0.x
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@lynx-js/runtime-wrapper-webpack-plugin@0.2.3':
+    resolution: {integrity: sha512-xqBQ+g8fJn1kPJN+7tgzypPj+FK9+8ifDVhXu9i0S6630XebdZ7ZKPehlGMNdfZPnS96Wo0EBCoEaAwJ6c9UpA==}
+    engines: {node: '>=18'}
+
+  '@lynx-js/tailwind-preset@0.5.0':
+    resolution: {integrity: sha512-6rAwGSpGsx6jPC8g/zZtDkC8GztMezcjuDzRZXh99BpRQpuRJlKAqLkyD1yGQ42gHQCtO3ssWXIudTZlt2/+jg==}
+    peerDependencies:
+      tailwindcss: ^3.4.0
+
+  '@lynx-js/tasm@0.0.49':
+    resolution: {integrity: sha512-sI+xmLXaMvXWFN5n47kYNHFEMIEpkrz/bVvU2GwvhB26lXfYPdSNedE3bh85vfW/vAmYsB/TbKwtiNhXgN3LDw==}
+    hasBin: true
+
+  '@lynx-js/template-webpack-plugin@0.14.1':
+    resolution: {integrity: sha512-jHfGi/09C9kBIasX1Q8l59vy2P0c7PX9HeZrM86HeU3KWkb6cDSL+1ozzLqHSH3g3NjQqz01tja9rxlJ9WvlSg==}
+    engines: {node: ^18.14 || >=19.4}
+
+  '@lynx-js/types@4.1.0':
+    resolution: {integrity: sha512-WLWnMpGZMrjffSR62PYesSfjD0RWumPyT21iMTi7GySGkOSOGdv4q4wWkarg8zNI7SxcCFM6kpXFhyIERADBPQ==}
+
+  '@lynx-js/use-sync-external-store@1.5.0':
+    resolution: {integrity: sha512-iXwLiGUBgfWLozCIh3ICe07x534p9CVlFS3/iGEiFOce58MLX6/PbAvWcE8qEhYaOKiQNe9hqUnS2RbyCqoqGg==}
+    peerDependencies:
+      '@lynx-js/react': '*'
+
+  '@lynx-js/web-core@0.23.1':
+    resolution: {integrity: sha512-idssebxneMqi9FKDd+2C4IFX5DkAVF8aRs4U/HXTkjUPJpK3xt0FDw2QKkL8QAqyFCKTVrJfteAJ0FNBOGdoDA==}
+    peerDependencies:
+      '@lynx-js/css-serializer': 0.1.7
+      '@lynx-js/lynx-core': 0.1.4
+      tslib: ^2.5.0
+    peerDependenciesMeta:
+      '@lynx-js/css-serializer':
+        optional: true
+      '@lynx-js/lynx-core':
+        optional: true
+      tslib:
+        optional: true
+
+  '@lynx-js/web-elements@0.12.7':
+    resolution: {integrity: sha512-ht7vxYVtLGP6YpSd/g5YYNszxUU6i6Lcdpr/OILTmUBkA2mSbZx3D+6fUHXzrVkee4bNvDOFMV3hQm6L6/F+OQ==}
+    peerDependencies:
+      tslib: ^2.5.0
+
+  '@lynx-js/web-rsbuild-server-middleware@0.23.1':
+    resolution: {integrity: sha512-aJUZUZnRkBWkpDMp+PCAKutBfFm13eJPTt2hU+iJXNhntEUtJvglcYiPmoSyOInDHuWj2QP7HsKfKzgD98eXvA==}
+
+  '@lynx-js/web-worker-rpc@0.23.1':
+    resolution: {integrity: sha512-gNLzf/fq+z2Ca6c+1U+iRW7o1HTtwjhLRMtLqYPhplWR7hStF5yqwQgehBD3cd1hDYU9CgD2oKaslA00hq9j6g==}
+
+  '@lynx-js/webpack-dev-transport@0.3.0':
+    resolution: {integrity: sha512-vpa0X/eqb50DhNhXEEfCi6gEd/ti32bFJtkt9zkPv6dTTsd2HJkYnCiKSUWpHpqPbnRbVLf/UacAY6h1uTtZeA==}
+    engines: {node: '>=18'}
+
+  '@lynx-js/webpack-runtime-globals@0.0.7':
+    resolution: {integrity: sha512-HGWCIX8FMeoeCfUZpijrZO20UVp8wVHj7f+aEiMbx94H2iqIVxLzrCLZudBfvo4+WZ3kdgM8CqhU1EERKhLi0w==}
+    engines: {node: '>=18'}
+
+  '@lynx-js/websocket@0.0.4':
+    resolution: {integrity: sha512-yXuMiTALLNvkDz8hG+0KdkBodnyJDvyfr8bdIq6zMP9X8JAoBC/czc1HIhUgYEJ3Zee5F/vGKjNxcoSx2t1E6w==}
+    engines: {node: '>=18'}
+
   '@mantine/core@8.3.4':
     resolution: {integrity: sha512-RJ5QUe2FLLJ1uF8xWUpNhDqRFbaOn4S5yTjqLuaurqtZvzee85O/T90dRcR8UNDuE8e/Qqie/jsF/G9RiSxC6g==}
     peerDependencies:
@@ -1845,6 +2101,19 @@ packages:
   '@napi-rs/wasm-runtime@0.2.12':
     resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
 
+  '@napi-rs/wasm-runtime@1.1.6':
+    resolution: {integrity: sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
+  '@napi-rs/wasm-runtime@1.2.2':
+    resolution: {integrity: sha512-JfB4kuJQjaoHuCTseIINHtHWeJnvgEcxjwA5t/Y00ZgaOO1Crz3fjT/p8kT28zA/Caz7oiUMn3d6H2yOVCVwuw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=23.5.0}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1 || ^2.0.0-alpha.3
+      '@emnapi/runtime': ^1.7.1 || ^2.0.0-alpha.3
+
   '@next/env@16.2.4':
     resolution: {integrity: sha512-dKkkOzOSwFYe5RX6y26fZgkSpVAlIOJKQHIiydQcrWH6y/97+RceSOAdjZ14Qa3zLduVUy0TXcn+EiM6t4rPgw==}
 
@@ -2269,6 +2538,196 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@rsbuild/core@2.1.7':
+    resolution: {integrity: sha512-Xhs8DkLw2Vk5ydwjNG3GMJe1h03lqlCO4dV9EOG9HSR6vDfh07K48aq3KJ8/ncEL/YuFBaCIJrVc7rMFoR1y7Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      core-js: '>= 3.0.0'
+    peerDependenciesMeta:
+      core-js:
+        optional: true
+
+  '@rsbuild/plugin-check-syntax@1.6.1':
+    resolution: {integrity: sha512-26xtEYN0QjZYoyt0lWnvIztBWjEZJvcfw7MN4f5B4SpNggmnF7F7aNPrgkY3EccXVFx1VGQBhnCkBV//OoS07Q==}
+    peerDependencies:
+      '@rsbuild/core': ^1.0.0 || ^2.0.0-0
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+
+  '@rsbuild/plugin-css-minimizer@2.0.1':
+    resolution: {integrity: sha512-QZUEBLTYXwtCUVziK3XHaPv+3wLLGvO6X27sIwt12eyuIMSA5WbeuLD9y1hwsXu27jZBofP6s/mdV5H5bA/FOg==}
+    peerDependencies:
+      '@rsbuild/core': ^1.0.0 || ^2.0.0-0
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+
+  '@rsdoctor/client@1.6.1':
+    resolution: {integrity: sha512-UWc8uyXPtcGZuQtVX+jBZwPxMXrMrrp0GrbVvHoHjzTxWufdn4RcG1g4PFgZLPz5smcCGYOEaNvlNn5WOtVyMw==}
+
+  '@rsdoctor/core@1.6.1':
+    resolution: {integrity: sha512-PkNe5Z45gR3dEhFdOcN/ZTwUxTltJR66cJA4DHXj1Zuo9s8d6SKWHFBLi5zMqPV3ZyBAQl4tsGv2LoJDQa69wA==}
+
+  '@rsdoctor/graph@1.6.1':
+    resolution: {integrity: sha512-LHbJKwO31BujQNUsD28kDoQKa5EkRxtSOABuHWRTv62drzz4NF9ZGSIHmrd6/jkbDBdCZEngZIwBkTSi3gtFoA==}
+
+  '@rsdoctor/rspack-plugin@1.6.1':
+    resolution: {integrity: sha512-P9/8wAF4rBEujzB42Afz9zLUR+DoaIDlsyO9Hk2Zzg4e6A+6PlZjma06zhEDbPgcAIJ3PyeX/xgH+5pcc9HjUQ==}
+    peerDependencies:
+      '@rspack/core': '*'
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+
+  '@rsdoctor/sdk@1.6.1':
+    resolution: {integrity: sha512-9dBk9SDVcY2Z8mHepUKDpHc3eaAsYNSioLlbNPNVLH4XinzcRe/4kJiX37VNjUVPv93IzZ6GTJhkiax/6O+fGw==}
+
+  '@rsdoctor/types@1.6.1':
+    resolution: {integrity: sha512-E01VGaDGvXGig3rqQC+YRRPbGQ6tBLi9XkYCl579Hq01iYHeuVYLl1bfnODAt8SkdDYGJDMFuUWj/01A0vVy7g==}
+    peerDependencies:
+      '@rspack/core': '*'
+      webpack: 5.x
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+
+  '@rsdoctor/utils@1.6.1':
+    resolution: {integrity: sha512-Ll+X1nAE3eBq9BpBNZvAT+4hZZMQt/rxrBRzL/I8o6S3CBpo5Kh2A2JaYgCJLiYKh0kFQfuIWuOVpR3/yoFWJg==}
+
+  '@rspack/binding-darwin-arm64@2.1.7':
+    resolution: {integrity: sha512-DwxzrXRctueP/3Pyom9JHcIsRShuEAlHb+mrE5OPT+4cdHI1UnJpbzEvEDLTo4IKJhDb3vjXdHLtjqtL0SYbeA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rspack/binding-darwin-x64@2.1.7':
+    resolution: {integrity: sha512-kPbrYvR/XUHfAMgRVq3QnC71DW/qjwsPj+3hEUuEnRmlploPNy9u8Szf1IHKSVUSrVZBTgDyMoZQdxYLfhResw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rspack/binding-linux-arm64-gnu@2.1.7':
+    resolution: {integrity: sha512-VFB+YXM3kZ6IIuLV64H3vgnwqvQIIaqfR/aeGwuxYvwcZsrgblSBmXMeDULdgDjqP8Yr0VaFMBBiD9OtG5KdFw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rspack/binding-linux-arm64-musl@2.1.7':
+    resolution: {integrity: sha512-Mzbxyg0aJ+ITj526Iuz0enEDYY6WxhFIwEKXqwjQh+Vpd5v/+aPzPo83sSQVX/3puBV1sbmviTURbh6N9e1fvA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rspack/binding-linux-riscv64-gnu@2.1.7':
+    resolution: {integrity: sha512-mpazwgT/Pse1720mvEJsoXfPkJ+enj0xUqpbe/wL6aedwjGT+9jJNB8HTJXE4XBX0UO7umGqcJMeKA6YsD2CDA==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rspack/binding-linux-riscv64-musl@2.1.7':
+    resolution: {integrity: sha512-oU/l3soPRsDEWn7KZic+npyTMM2N1kRdHjoJ+L5IUBXs8bjdTXPLoyTbTdIOza5ZSoT4+UeEiEryj4BB0tQE5w==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rspack/binding-linux-x64-gnu@2.1.7':
+    resolution: {integrity: sha512-7Gtpl3h3jtnOpk1mYQE8mRndXAO2ibI8mnAbs7klevdKey+ZHneWMoMi2yOMQhhI/ifWEFxDzyGJ8bdxo0XTsA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rspack/binding-linux-x64-musl@2.1.7':
+    resolution: {integrity: sha512-w+whI2Uy+DYkGN+MVkzMFWweL7B/s1gMqX+nvTE1vhOy3hGV0VyA9H6lqWjSD3I+eGkpYhN9Pr244cYnLpZOUQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rspack/binding-wasm32-wasi@2.1.7':
+    resolution: {integrity: sha512-cDVgvzRdTgxaeM+a5Lx0+7/VAvunvwO0wNtQ3ATQGOtFCW5b7cUzhNPcytH5ZSJTnFWuxinlGwtar5yfcnkdZQ==}
+    cpu: [wasm32]
+
+  '@rspack/binding-win32-arm64-msvc@2.1.7':
+    resolution: {integrity: sha512-JDd85+iYwUvaG9Zrt5X7oIxRZRiTW+76FwkRakoXNy/5VAWQW32Jq4ESjSVz6l6mh0KnZxPq3TLMugacCPnLjw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rspack/binding-win32-ia32-msvc@2.1.7':
+    resolution: {integrity: sha512-y9PKEs6v9BLHV0i/4eaIRtxpATvSgcf/VYQkMT8mp+qWlPjUwDQNwU2ueWVGpff6INO+YAa7zobzziNFRgO7Lg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rspack/binding-win32-x64-msvc@2.1.7':
+    resolution: {integrity: sha512-BjkOzcPY/K8YlRRvyywz0mDWk89MMxqAMhDmgBXCWorh1IjgKTsWDJ2lCGIM8M9CZXUG3khom8AfrOGwRT2I+g==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rspack/binding@2.1.7':
+    resolution: {integrity: sha512-wYqi8TY30hsIzLry503o/Uqu7y9Ec7pEwN5TVmB7Pb3xHrR2eHsQPzdpF/GkCLUjQSgD2Es3CDVV1mr6zO/78g==}
+
+  '@rspack/core@2.1.7':
+    resolution: {integrity: sha512-d5Ju3zXzGgbqQWvlMlLUtek2eFPIzsFe2QOF4nwTAknxo/4OZ64t+kPT9nM6fr3aZX93VK0R3v02/kZYIRrV9Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      '@module-federation/runtime-tools': ^0.24.1 || ^2.0.0
+      '@swc/helpers': ^0.5.23
+    peerDependenciesMeta:
+      '@module-federation/runtime-tools':
+        optional: true
+      '@swc/helpers':
+        optional: true
+
+  '@rspack/lite-tapable@1.1.2':
+    resolution: {integrity: sha512-1OnyWChLGE46YzWyjlmYJssOu/Y0STAnnr2ueKPqDCYTf63GJMs0mxNnCul4dNiVqHYPKv3/fxrTY3IpqoVwZQ==}
+
+  '@rspack/resolver-binding-darwin-arm64@0.2.8':
+    resolution: {integrity: sha512-nTnK17kmxXEvR+WpOIZPSIzUFYeWCHoffgU9tvOLOwuTBH41kWnSQXXWu+AiMVwvJ6wdRO6Vo30hPhlXEG7Pyw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rspack/resolver-binding-darwin-x64@0.2.8':
+    resolution: {integrity: sha512-Aqr4TK2rA6XVYUOmM5YCtYyCMZhOIR53P4cOGgGARg99A7OuMBMzUL4r1n0M0Fx35v6/sSx1OBe+odHmPxksEg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rspack/resolver-binding-linux-arm64-gnu@0.2.8':
+    resolution: {integrity: sha512-wGvkxm2G4mNTztslaOzLzx5JuySQSy5DcOWEZxHcjJJzp5L3ODbYLK18HtUc6cvmaVOmjaGrrYPrqJJ0hHTVFg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rspack/resolver-binding-linux-arm64-musl@0.2.8':
+    resolution: {integrity: sha512-EqRJ9zLQsLAvyDKJKVZ45BSqRIMS12f5HtJdy3KkAHU14ZmsGv8e5IKkwUZN5CNBRad8xVlOMMx3dOfF4whJzg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rspack/resolver-binding-linux-x64-gnu@0.2.8':
+    resolution: {integrity: sha512-eXbeotNCTntL4/+mxJRVCxK63YeWzTfp0F3POeHJFSs6Nt0f2J/mZNFlasJmd6xm7zvE80h/HWOwbwjRBLcElA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rspack/resolver-binding-linux-x64-musl@0.2.8':
+    resolution: {integrity: sha512-KWFHlOWGkT+eMngoUgPGXrDi+rU04VCh9jyk0U6Ot2RTWvhGxwKykjmLS+CWZI/EBrzr9A6g2U3jzKTMNz9oCw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rspack/resolver-binding-wasm32-wasi@0.2.8':
+    resolution: {integrity: sha512-I6GIhgICFViE88jejIV74oiiWHnpLpQ5ogaZM1ozM9KDnfqcHoX0IVEyrIh5KqA8iLDyhuoFSW+Hf0qN7VTBBQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@rspack/resolver-binding-win32-arm64-msvc@0.2.8':
+    resolution: {integrity: sha512-ZXCt3qUfDAEbtc2sHpvxM7lNFZM+DxfblgXUIl3Jy6BuEZbHe1i6z+t9c34ayHoGTVbVSNCtaYuG/MaWdSnPHw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rspack/resolver-binding-win32-ia32-msvc@0.2.8':
+    resolution: {integrity: sha512-2LRymjDK8MpUERD8CL0PPae5y2crU5TAg4T4EzpeL5jLARVq6izsEruiWzB6Y+D15vUYlvmgs2370GXVSB861w==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rspack/resolver-binding-win32-x64-msvc@0.2.8':
+    resolution: {integrity: sha512-hzRpfbtvv4M4EVrKKIAaHDs5wT8lVcbSUjtwPs5u4IeLEix45nQPQ6ZQjmE4lIH0GP/3L3XQhZroYmTcH/xdsQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rspack/resolver@0.2.8':
+    resolution: {integrity: sha512-FBWqdHhzS8mcf/WN4Ktzr7EaeaN+hsxbN98EweegX3924beZuY6H70CSFWCv1fIHAieCUv/9XCjKggHvhCsLwA==}
+
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
@@ -2323,10 +2782,16 @@ packages:
   '@shikijs/vscode-textmate@10.0.2':
     resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
 
+  '@sinclair/typebox@0.34.52':
+    resolution: {integrity: sha512-XiMQh7qqVlxZzcVD+kkGMNGMzcTrDMLWI7S4x7z1MkCkbDPrekpZXEUK0eZqZFMuHQg2a2DZOcDIh9o5v3Gonw==}
+
   '@sindresorhus/merge-streams@4.0.0':
     resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
     engines: {node: '>=18'}
 
+  '@socket.io/component-emitter@3.1.2':
+    resolution: {integrity: sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==}
+
   '@standard-schema/spec@1.0.0':
     resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
 
@@ -2465,6 +2930,9 @@ packages:
   '@swc/helpers@0.5.15':
     resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
 
+  '@swc/helpers@0.5.23':
+    resolution: {integrity: sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==}
+
   '@swc/types@0.1.26':
     resolution: {integrity: sha512-lyMwd7WGgG79RS7EERZV3T8wMdmPq3xwyg+1nmAM64kIhx5yl+juO2PYIHb7vTiPgPCj8LYjsNV2T5wiQHUEaw==}
 
@@ -2495,6 +2963,9 @@ packages:
   '@tybys/wasm-util@0.10.1':
     resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
 
+  '@tybys/wasm-util@0.10.3':
+    resolution: {integrity: sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==}
+
   '@types/argparse@1.0.38':
     resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
 
@@ -2519,9 +2990,15 @@ packages:
   '@types/cookie@0.6.0':
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
 
+  '@types/cors@2.8.19':
+    resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
+
   '@types/diff@6.0.0':
     resolution: {integrity: sha512-dhVCYGv3ZSbzmQaBSagrv1WJ6rXCdkyTcDyoNu1MD8JohI7pR7k8wdZEm+mvdxRKXyHVwckFzWU1vJc+Z29MlA==}
 
+  '@types/estree@1.0.5':
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
@@ -2537,6 +3014,15 @@ packages:
   '@types/http-errors@2.0.5':
     resolution: {integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==}
 
+  '@types/istanbul-lib-coverage@2.0.6':
+    resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}
+
+  '@types/istanbul-lib-report@3.0.3':
+    resolution: {integrity: sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==}
+
+  '@types/istanbul-reports@3.0.4':
+    resolution: {integrity: sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
@@ -2555,6 +3041,9 @@ packages:
   '@types/node@22.19.17':
     resolution: {integrity: sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==}
 
+  '@types/prop-types@15.7.15':
+    resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
+
   '@types/qs@6.14.0':
     resolution: {integrity: sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==}
 
@@ -2566,6 +3055,9 @@ packages:
     peerDependencies:
       '@types/react': ^19.2.0
 
+  '@types/react@18.3.31':
+    resolution: {integrity: sha512-vfEqpXTvwT91yhmwdfouStN2hSKwTvyRs8qpLfADyrq/kxDw0hZM7Wk9Ug1FELj8hIby+S/+kQCSRFF32nv2Qw==}
+
   '@types/react@19.2.2':
     resolution: {integrity: sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==}
 
@@ -2581,12 +3073,27 @@ packages:
   '@types/serve-static@1.15.9':
     resolution: {integrity: sha512-dOTIuqpWLyl3BBXU3maNQsS4A3zuuoYRNIvYSxxhebPfXg2mzWQEPne/nlJ37yOse6uGgR386uTpdsx4D0QZWA==}
 
+  '@types/tapable@2.3.0':
+    resolution: {integrity: sha512-oMnbAXeVo+KUnje3hzdORXUbfnzTfqD0H92mLl19NE5hFqH9Q4ktq+xehNSxcNeeLm1COopYwa0zeP6Iz+oIXg==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
   '@types/use-sync-external-store@1.5.0':
     resolution: {integrity: sha512-5dyB8nLC/qogMrlCizZnYWQTA4lnb/v+It+sqNl5YnSRAPMlIqY/X0Xn+gZw8vOL+TgTTr28VEbn3uf8fUtAkw==}
 
+  '@types/ws@8.18.1':
+    resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
+
+  '@types/yargs-parser@21.0.3':
+    resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==}
+
+  '@types/yargs@17.0.35':
+    resolution: {integrity: sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==}
+
   '@typescript-eslint/eslint-plugin@8.46.1':
     resolution: {integrity: sha512-rUsLh8PXmBjdiPY+Emjz9NX2yHvhS11v0SR6xNJkm5GM1MO9ea/1GoDKlHHZGrOJclL/cZ2i/vRUYVtjRhrHVQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2903,29 +3410,94 @@ packages:
   '@vue/shared@3.5.30':
     resolution: {integrity: sha512-YXgQ7JjaO18NeK2K9VTbDHaFy62WrObMa6XERNfNOkAhD1F1oDSf3ZJ7K6GqabZ0BvSDHajp8qfS5Sa2I9n8uQ==}
 
-  '@xterm/addon-fit@0.11.0':
-    resolution: {integrity: sha512-jYcgT6xtVYhnhgxh3QgYDnnNMYTcf8ElbxxFzX0IZo+vabQqSPAjC3c1wJrKB5E19VwQei89QCiZZP86DCPF7g==}
+  '@webassemblyjs/ast@1.14.1':
+    resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
 
-  '@xterm/xterm@6.0.0':
-    resolution: {integrity: sha512-TQwDdQGtwwDt+2cgKDLn0IRaSxYu1tSUjgKarSDkUM0ZNiSRXFpjxEsvc/Zgc5kq5omJ+V0a8/kIM2WD3sMOYg==}
+  '@webassemblyjs/floating-point-hex-parser@1.13.2':
+    resolution: {integrity: sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==}
 
-  accepts@2.0.0:
-    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
-    engines: {node: '>= 0.6'}
+  '@webassemblyjs/helper-api-error@1.13.2':
+    resolution: {integrity: sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==}
 
-  acorn-jsx@5.3.2:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+  '@webassemblyjs/helper-buffer@1.14.1':
+    resolution: {integrity: sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==}
 
-  acorn-walk@8.3.4:
-    resolution: {integrity: sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==}
-    engines: {node: '>=0.4.0'}
+  '@webassemblyjs/helper-numbers@1.13.2':
+    resolution: {integrity: sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==}
 
-  acorn@8.15.0:
-    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
+  '@webassemblyjs/helper-wasm-bytecode@1.13.2':
+    resolution: {integrity: sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==}
+
+  '@webassemblyjs/helper-wasm-section@1.14.1':
+    resolution: {integrity: sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==}
+
+  '@webassemblyjs/ieee754@1.13.2':
+    resolution: {integrity: sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==}
+
+  '@webassemblyjs/leb128@1.13.2':
+    resolution: {integrity: sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==}
+
+  '@webassemblyjs/utf8@1.13.2':
+    resolution: {integrity: sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==}
+
+  '@webassemblyjs/wasm-edit@1.14.1':
+    resolution: {integrity: sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==}
+
+  '@webassemblyjs/wasm-gen@1.14.1':
+    resolution: {integrity: sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==}
+
+  '@webassemblyjs/wasm-opt@1.14.1':
+    resolution: {integrity: sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==}
+
+  '@webassemblyjs/wasm-parser@1.14.1':
+    resolution: {integrity: sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==}
+
+  '@webassemblyjs/wast-printer@1.14.1':
+    resolution: {integrity: sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==}
+
+  '@xterm/addon-fit@0.11.0':
+    resolution: {integrity: sha512-jYcgT6xtVYhnhgxh3QgYDnnNMYTcf8ElbxxFzX0IZo+vabQqSPAjC3c1wJrKB5E19VwQei89QCiZZP86DCPF7g==}
+
+  '@xterm/xterm@6.0.0':
+    resolution: {integrity: sha512-TQwDdQGtwwDt+2cgKDLn0IRaSxYu1tSUjgKarSDkUM0ZNiSRXFpjxEsvc/Zgc5kq5omJ+V0a8/kIM2WD3sMOYg==}
+
+  '@xtuc/ieee754@1.2.0':
+    resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
+
+  '@xtuc/long@4.2.2':
+    resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
+
+  accepts@1.3.8:
+    resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
+    engines: {node: '>= 0.6'}
+
+  accepts@2.0.0:
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
+
+  acorn-import-attributes@1.9.5:
+    resolution: {integrity: sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==}
+    peerDependencies:
+      acorn: ^8
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn-walk@8.3.5:
+    resolution: {integrity: sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==}
+    engines: {node: '>=0.4.0'}
+
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@8.18.0:
+    resolution: {integrity: sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
 
   ajv-draft-04@1.0.0:
     resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
@@ -2935,6 +3507,14 @@ packages:
       ajv:
         optional: true
 
+  ajv-formats@2.1.1:
+    resolution: {integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
   ajv-formats@3.0.1:
     resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
     peerDependencies:
@@ -2943,6 +3523,11 @@ packages:
       ajv:
         optional: true
 
+  ajv-keywords@5.1.0:
+    resolution: {integrity: sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==}
+    peerDependencies:
+      ajv: ^8.8.2
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
@@ -3072,8 +3657,8 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
 
-  autoprefixer@10.5.0:
-    resolution: {integrity: sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==}
+  autoprefixer@10.5.4:
+    resolution: {integrity: sha512-MaU0U/za7N3r6brxD4YB/l4NSrFzLPlANv6wEuQVaIPlD3L4W9rFcQPbL/EilY9BHhHvhfcz3gInDLrEtWT4EA==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
@@ -3108,6 +3693,9 @@ packages:
       solid-js:
         optional: true
 
+  background-only@0.0.1:
+    resolution: {integrity: sha512-YXR2zshAf3qs3jnpApQaDUG0x4L6YWpSZfLDhdeiCFxfp/n8YwfoAQ1hAigEF3VpXOMOJeZYFWtBbiFv/v2Qfg==}
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -3118,11 +3706,20 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
+  base64id@2.0.0:
+    resolution: {integrity: sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==}
+    engines: {node: ^4.5.0 || >= 5.9}
+
   baseline-browser-mapping@2.10.21:
     resolution: {integrity: sha512-Q+rUQ7Uz8AHM7DEaNdwvfFCTq7a43lNTzuS94eiWqwyxfV/wJv+oUivef51T91mmRY4d4A1u9rcSvkeufCVXlA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  baseline-browser-mapping@2.11.11:
+    resolution: {integrity: sha512-/yImnXwyTvgMkhgekLHok/Rx5vO6E0BmStWlSqKWMVm2a2ITuZ1Tn+9bgLS+gZRdZmWtd8nxuhHpdmCUOWsTQQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   baseline-browser-mapping@2.8.16:
     resolution: {integrity: sha512-OMu3BGQ4E7P1ErFsIPpbJh0qvDudM/UuJeHgkAvfWe+0HFJCXh+t/l8L6fVLR55RI/UbKrVLnAXZSVwd9ysWYw==}
     hasBin: true
@@ -3152,6 +3749,13 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
+  browserslist-load-config@1.0.3:
+    resolution: {integrity: sha512-boNaPS4KlW6AITZQ60G+1oDJLuxauljDd7QNQFOYpRtldzcTDknMZ8awbwI0BT/8h1/Y/CG4k/tDOLip9lAGcg==}
+
+  browserslist-to-es-version@1.4.2:
+    resolution: {integrity: sha512-3NV13pCv0wmPxxZZcekHAG6vt8rQ94w2c4/UBe3ZU3NDUm5TP+QFK3rjS6XeKWSHWpnPYNfQzlhnljka0BrEOA==}
+    hasBin: true
+
   browserslist@4.26.3:
     resolution: {integrity: sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -3162,6 +3766,11 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  browserslist@4.28.7:
+    resolution: {integrity: sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
@@ -3204,6 +3813,9 @@ packages:
   caniuse-lite@1.0.30001790:
     resolution: {integrity: sha512-bOoxfJPyYo+ds6W0YfptaCWbFnJYjh2Y1Eow5lRv+vI2u8ganPZqNm1JwNh0t2ELQCqIWg4B3dWEusgAmsoyOw==}
 
+  caniuse-lite@1.0.30001806:
+    resolution: {integrity: sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==}
+
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
@@ -3229,6 +3841,14 @@ packages:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
+  chrome-trace-event@1.0.4:
+    resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
+    engines: {node: '>=6.0'}
+
+  ci-info@4.4.0:
+    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
+    engines: {node: '>=8'}
+
   clean-set@1.1.2:
     resolution: {integrity: sha512-cA8uCj0qSoG9e0kevyOWXwPaELRPVg5Pxp6WskLMwerx257Zfnh8Nl0JBH59d7wQzij2CK7qEfJQK3RjuKKIug==}
 
@@ -3279,6 +3899,10 @@ packages:
   comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
 
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
@@ -3343,6 +3967,10 @@ packages:
     resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
     engines: {node: '>= 0.6'}
 
+  cors@2.8.6:
+    resolution: {integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==}
+    engines: {node: '>= 0.10'}
+
   cosmiconfig@9.0.1:
     resolution: {integrity: sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==}
     engines: {node: '>=14'}
@@ -3373,17 +4001,55 @@ packages:
     peerDependencies:
       postcss: ^8.0.9
 
+  css-declaration-sorter@7.4.0:
+    resolution: {integrity: sha512-LTuzjPoyA2vMGKKcaOqKSp7Ub2eGrNfKiZH4LpezxpNrsICGCSFvsQOI29psISxNZtaXibkC2CXzrQ5enMeGGw==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+
   css-functions-list@3.3.3:
     resolution: {integrity: sha512-8HFEBPKhOpJPEPu70wJJetjKta86Gw9+CCyCnB3sui2qQfOvRyqBy4IKLKKAwdMpWb2lHXWk9Wb4Z6AmaUT1Pg==}
     engines: {node: '>=12'}
 
+  css-minimizer-webpack-plugin@8.0.0:
+    resolution: {integrity: sha512-9bEpzHs8gEq6/cbEj418jXL/YWjBUD2YTLLk905Npt2JODqnRITin0+So5Vx4Dp5vyi2Lpt9pp2QHzQ7fdxNrw==}
+    engines: {node: '>= 20.9.0'}
+    peerDependencies:
+      '@parcel/css': '*'
+      '@swc/css': '*'
+      clean-css: '*'
+      csso: '*'
+      esbuild: '*'
+      lightningcss: '*'
+      webpack: ^5.0.0
+    peerDependenciesMeta:
+      '@parcel/css':
+        optional: true
+      '@swc/css':
+        optional: true
+      clean-css:
+        optional: true
+      csso:
+        optional: true
+      esbuild:
+        optional: true
+      lightningcss:
+        optional: true
+
   css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
 
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
   css-tree@1.1.3:
     resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
     engines: {node: '>=8.0.0'}
 
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
   css-tree@3.1.0:
     resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
@@ -3407,25 +4073,50 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
+  cssnano-preset-default@7.0.17:
+    resolution: {integrity: sha512-11qO63A+czwguQFJCaTdICvbaxn0pJzz/XghLlv+OT7WyToDxAMR0Xb3/26/l0y0hQJywwNbj/SLSQlGBHE1OA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   cssnano-utils@3.1.0:
     resolution: {integrity: sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  cssnano-utils@5.0.3:
+    resolution: {integrity: sha512-ynIREMICLxkxm7e9bCR9sh75s4Q5drICi0ua1yxo5jH2XPBqSKkl4dOh4EbFqtUmnTMhRffHgYL0EKKkMjtJTg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   cssnano@5.1.15:
     resolution: {integrity: sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  cssnano@7.1.9:
+    resolution: {integrity: sha512-uPR75+5Dk/WJ/YSPR1/YDHdwMM9c5FsaARljfKWgeCKLKOtJ0we21xy/RcCjn53fZnD/f6yYEIZ8pu18+GnbNQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   csso@4.2.0:
     resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
     engines: {node: '>=8.0.0'}
 
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
   d@1.0.2:
     resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
     engines: {node: '>=0.12'}
@@ -3467,6 +4158,15 @@ packages:
       supports-color:
         optional: true
 
+  debug@4.3.7:
+    resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -3479,6 +4179,10 @@ packages:
   dedent-js@1.0.1:
     resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
 
+  deep-eql@4.1.4:
+    resolution: {integrity: sha512-SUwdGfqdKOwxCPeVYjwSyRpJ7Z+fhpwIAtmCUdZIWZ/YP5R9WAsyuSgpLVDi9bjWoN2LXHNss/dk3urXtdQxGg==}
+    engines: {node: '>=6'}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -3544,6 +4248,9 @@ packages:
   dom-serializer@1.4.1:
     resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
 
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
   domelementtype@2.3.0:
     resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
 
@@ -3551,9 +4258,19 @@ packages:
     resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
     engines: {node: '>= 4'}
 
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  dompurify@3.4.12:
+    resolution: {integrity: sha512-zQvGet8Z2sWbQhCmfFz/T5QWH2oBmjnqK3qvOjaqaNLrLEF912WamU+ohnTp0TCep/MFVHpdJuCZEdFOdTnEFg==}
+
   domutils@2.8.0:
     resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
 
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
   dotenv@16.6.1:
     resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
     engines: {node: '>=12'}
@@ -3579,6 +4296,9 @@ packages:
   electron-to-chromium@1.5.344:
     resolution: {integrity: sha512-4MxfbmNDm+KPh066EZy+eUnkcDPcZ35wNmOWzFuh/ijvHsve6kbLTLURy88uCNK5FbpN+yk2nQY6BYh1GEt+wg==}
 
+  electron-to-chromium@1.5.399:
+    resolution: {integrity: sha512-lEcqhErbHjXRvd41rnWLpzbyU/IXfIYo7QwaFWmxGeLiLyY2TBCdHnWY88vB+p3ubnihRypDm66panXl7TylLA==}
+
   emoji-regex@10.6.0:
     resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
 
@@ -3595,6 +4315,18 @@ packages:
   end-of-stream@1.4.5:
     resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
 
+  engine.io-parser@5.2.3:
+    resolution: {integrity: sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==}
+    engines: {node: '>=10.0.0'}
+
+  engine.io@6.6.9:
+    resolution: {integrity: sha512-clKkw4C7nJ22mGgoVcCg6V/W/TxdNyIOTr89k2ONZu81qqkddPFDF0LXcbAwhzPD8DjkiRCjzuiO6Y+fkpD4vg==}
+    engines: {node: '>=10.2.0'}
+
+  enhanced-resolve@5.24.5:
+    resolution: {integrity: sha512-L1l8TNvomm6UVW5B253AGxQagSQr+vGwhMlrrfRS2qmhx46AMpMVJKQYLvWYbysTMY8VoicOvzHzoHMbyzB+4A==}
+    engines: {node: '>=10.13.0'}
+
   entities@2.2.0:
     resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
 
@@ -3610,6 +4342,11 @@ packages:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
 
+  envinfo@7.21.0:
+    resolution: {integrity: sha512-Lw7I8Zp5YKHFCXL7+Dz95g4CcbMEpgvqZNNq3AmlT5XAV6CgAAk6gyAMqn2zjw08K9BHfcNuKrMiCPLByGafow==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   environment@1.1.0:
     resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
     engines: {node: '>=18'}
@@ -3636,6 +4373,9 @@ packages:
   es-module-lexer@1.7.0:
     resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
 
+  es-module-lexer@2.3.1:
+    resolution: {integrity: sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==}
+
   es-object-atoms@1.1.1:
     resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
@@ -3658,6 +4398,9 @@ packages:
   es-toolkit@1.45.1:
     resolution: {integrity: sha512-/jhoOj/Fx+A+IIyDNOvO3TItGmlMKhtX8ISAHKE90c4b/k1tqaqEZ+uUqfpU8DMnW5cgNJv606zS55jGvza0Xw==}
 
+  es-toolkit@1.50.0:
+    resolution: {integrity: sha512-OyZKhUVvEep9ITEiwHn8GKnMRQIVqoSIX7WnRbkWgJkllCujilqP2rD0u979tkl8wqyc8ICwlc1UBVv/Sl1G6w==}
+
   es5-ext@0.10.64:
     resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
     engines: {node: '>=0.10'}
@@ -3830,6 +4573,10 @@ packages:
       svelte:
         optional: true
 
+  eslint-scope@5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
+    engines: {node: '>=8.0.0'}
+
   eslint-scope@8.4.0:
     resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3878,6 +4625,10 @@ packages:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
 
+  estraverse@4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
+    engines: {node: '>=4.0'}
+
   estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
@@ -3905,6 +4656,13 @@ packages:
   eventemitter3@4.0.7:
     resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
 
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
+  events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+
   express@5.1.0:
     resolution: {integrity: sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==}
     engines: {node: '>= 18'}
@@ -3967,6 +4725,10 @@ packages:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
 
+  filesize@11.0.22:
+    resolution: {integrity: sha512-RlCVs9CY+oSsRnNZn95J9vDXjNjOwddKyTFjOYtA4yxYVIxBnwiVVGJX+TFhsmu3uUf81JDGyijtYL9xgawlTw==}
+    engines: {node: '>= 10.8.0'}
+
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
@@ -4077,6 +4839,10 @@ packages:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
 
+  get-port@5.1.1:
+    resolution: {integrity: sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==}
+    engines: {node: '>=8'}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -4219,6 +4985,9 @@ packages:
   html-void-elements@3.0.0:
     resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
 
+  htmlparser2@10.0.0:
+    resolution: {integrity: sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==}
+
   http-errors@2.0.0:
     resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
     engines: {node: '>= 0.8'}
@@ -4485,6 +5254,22 @@ packages:
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
+  jest-regex-util@30.4.0:
+    resolution: {integrity: sha512-mWlvLviKIgIQ8VCuM1xRdD0TWp3zlzionlmDBjuXVBs+VkmXq6FgW9T4Emr7oGz/Rk6feDCGyiugolcQEyp3mg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-util@30.4.1:
+    resolution: {integrity: sha512-vjQb1sACEiv13DKJMDToJpzVW0joCsIQrmbg0fi7CyOOt+g9jTuQl2A216pWRBYhOVt53XbL/2LbMKg1BECWOw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-worker@27.5.1:
+    resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
+    engines: {node: '>= 10.13.0'}
+
+  jest-worker@30.4.1:
+    resolution: {integrity: sha512-SHynN/q/QD++iNyvMdy+WMmbCGk8jIsNcRxycXbWubSOhvo6T+j2afcfUSl+3hYsiBebOTo0cT7c2H7CXugu1g==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
   jiti@1.21.7:
     resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
     hasBin: true
@@ -4523,6 +5308,9 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
+  json-stream-stringify@3.0.1:
+    resolution: {integrity: sha512-vuxs3G1ocFDiAQ/SX0okcZbtqXwgj1g71qE9+vrjJ2EkjKQlEFDAcUNRxRU8O+GekV4v5cM2qXP0Wyt/EMDBiQ==}
+
   json5@1.0.2:
     resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
     hasBin: true
@@ -4572,6 +5360,9 @@ packages:
     resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
     engines: {node: '>=0.10'}
 
+  launch-editor@2.14.1:
+    resolution: {integrity: sha512-QWBrQsMpH7gPr965dsKD/3cKWiNoTjpATQf++Xq63N6sKRGMwlVXz41O1IZTMfZQgBctD/K5Zt06+/I6pP6+HA==}
+
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -4587,6 +5378,13 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
+  lines-and-columns@2.0.4:
+    resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  linkify-it@5.0.2:
+    resolution: {integrity: sha512-ONTm2jCMAVZjgQa/Fy1kScXsuOoF5NPTsoFBdE1KVIZ2vAh/r9+Bqo+0jINCBYnavTPQZz38QzFTme79ENoN3Q==}
+
   loader-utils@3.3.1:
     resolution: {integrity: sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==}
     engines: {node: '>= 12.13.0'}
@@ -4650,6 +5448,10 @@ packages:
   make-error@1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
 
+  markdown-it@14.3.0:
+    resolution: {integrity: sha512-RCEsPjR+sr0x+AuYp601tKTkgFG4YEPLCzHST3cQ/fhlJkqAkz1L2/Qbp1j9qw5SBwQHFBoW8+hoN5xssOF0Tw==}
+    hasBin: true
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
@@ -4663,6 +5465,9 @@ packages:
   mdn-data@2.0.14:
     resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
 
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
   mdn-data@2.12.2:
     resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
 
@@ -4672,6 +5477,9 @@ packages:
   mdn-data@2.28.0:
     resolution: {integrity: sha512-uy9AS1yt+wW5eUEefgE3lOpqPghanUttycV0GXKbiXyBjwvbeE8XPj4u1C+voRfz7dEjwU4NDHTMfZ/s/JtZrQ==}
 
+  mdurl@2.1.0:
+    resolution: {integrity: sha512-1+HBaOx0zi/dQWht8rNv9MYf9qqpqL/kxI0hXImU6Y547zM6Sni8BQibt7ifgMcYtQg41ao3Ivd6cnSM86inpg==}
+
   media-typer@1.1.0:
     resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
     engines: {node: '>= 0.8'}
@@ -4688,6 +5496,9 @@ packages:
     resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
     engines: {node: '>=18'}
 
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
   merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -4749,6 +5560,49 @@ packages:
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
+  minimizer-webpack-plugin@5.6.1:
+    resolution: {integrity: sha512-DoeAZz8Q1C1znwsUzej1fdoi4jCf7/+Em27ouLqfK/+3m8G+D7yDhUwrc3CNhjSzGUN1kn7Iv4sWmjflQHenpw==}
+    engines: {node: '>= 10.13.0'}
+    peerDependencies:
+      '@minify-html/node': '*'
+      '@swc/core': '*'
+      '@swc/css': '*'
+      '@swc/html': '*'
+      clean-css: '*'
+      cssnano: '*'
+      csso: '*'
+      esbuild: '*'
+      html-minifier-terser: '*'
+      lightningcss: '*'
+      postcss: '*'
+      uglify-js: '*'
+      webpack: ^5.1.0
+    peerDependenciesMeta:
+      '@minify-html/node':
+        optional: true
+      '@swc/core':
+        optional: true
+      '@swc/css':
+        optional: true
+      '@swc/html':
+        optional: true
+      clean-css:
+        optional: true
+      cssnano:
+        optional: true
+      csso:
+        optional: true
+      esbuild:
+        optional: true
+      html-minifier-terser:
+        optional: true
+      lightningcss:
+        optional: true
+      postcss:
+        optional: true
+      uglify-js:
+        optional: true
+
   minipass@7.1.2:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -4784,6 +5638,11 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  nanoid@3.3.17:
+    resolution: {integrity: sha512-xQLf0A3HOMlgHq0n247/LRuAOYmB7dXJ/DvAxGvsSBij45XtBSmQycu+F8ODbHwns/XyFZagyL1+J0Offw1E0g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
   napi-postinstall@0.3.4:
     resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -4792,6 +5651,10 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  negotiator@0.6.3:
+    resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
+    engines: {node: '>= 0.6'}
+
   negotiator@0.6.4:
     resolution: {integrity: sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==}
     engines: {node: '>= 0.6'}
@@ -4800,6 +5663,9 @@ packages:
     resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
     engines: {node: '>= 0.6'}
 
+  neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+
   next-tick@1.1.0:
     resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
 
@@ -4830,6 +5696,10 @@ packages:
   node-releases@2.0.38:
     resolution: {integrity: sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==}
 
+  node-releases@2.0.51:
+    resolution: {integrity: sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==}
+    engines: {node: '>=18'}
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -5042,6 +5912,12 @@ packages:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
 
+  postcss-calc@10.1.1:
+    resolution: {integrity: sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==}
+    engines: {node: ^18.12 || ^20.9 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.38
+
   postcss-calc@8.2.4:
     resolution: {integrity: sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==}
     peerDependencies:
@@ -5060,36 +5936,72 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-colormin@7.0.10:
+    resolution: {integrity: sha512-yFr6JezOolHLta/buLE71VKPh2mXursp4saVe98/ol8ZnEWhL+racShqPKlvd/DKWLre/39B6HhcMXf7RZ3hxg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-convert-values@5.1.3:
     resolution: {integrity: sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-convert-values@7.0.12:
+    resolution: {integrity: sha512-xurKu5qqk4viR3Cp3p4xBR4KfnZm4w4ys6+UBwBmeuBSNkH7+DtLnYOYnOffgtE4yx8sH9S1VZ6RAAvROXzP2Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-discard-comments@5.1.2:
     resolution: {integrity: sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-discard-comments@7.0.8:
+    resolution: {integrity: sha512-CvvS5S9WrXblFXCEJ9nVo+4z+eA7zSC7Z88V1HEJuwlQhlFnYTIjg1xJY+BCUiG2bvICap2tXii4mP22BD108Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-discard-duplicates@5.1.0:
     resolution: {integrity: sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-discard-duplicates@7.0.4:
+    resolution: {integrity: sha512-VBNn1+EuMZkeGVVtz0gRfbNGtx9IFgAsAV+E2pHtXPrp4qfGBkhTIiAuE/wrb+Y6Pakg9NewAlfTpYIFAWODtw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-discard-empty@5.1.1:
     resolution: {integrity: sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-discard-empty@7.0.3:
+    resolution: {integrity: sha512-M2pyjQCU+/7cMHVtL6bKTHjv0lZnPLMpicgr67Dlth7AbuV9gjVTtUqaRwn6Pp6BwSDspUzhz8SaUrRykJU5Dw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-discard-overridden@5.1.0:
     resolution: {integrity: sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-discard-overridden@7.0.3:
+    resolution: {integrity: sha512-aNovXo9UsZuRNLzHJtp13lHIvinDPfiXBPePpXkSjCbgp++iU2FqE+YxvjIsg6EdyPZsASFbfu+JcBFVsErXIQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-import@15.1.0:
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
@@ -5162,36 +6074,72 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-merge-longhand@7.0.7:
+    resolution: {integrity: sha512-b3mfYUxR388u5Pt0HPcVIUtUDn/k15UfTY9M+ORW+meCR6JLNxoZffiYvXyOYQoRYQNZyX/UFkMCM/mNHxe1qA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-merge-rules@5.1.4:
     resolution: {integrity: sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-merge-rules@7.0.11:
+    resolution: {integrity: sha512-SJUPM18g2BmPhf8BVlbwqWz4aK3pLu6u6xjfwEzra7xL6IBR10sUaiB++EzqcVfadPHrKBSMlNdP+XieykhI+Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-minify-font-values@5.1.0:
     resolution: {integrity: sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-minify-font-values@7.0.3:
+    resolution: {integrity: sha512-yilG/VOaNI74IylQvAQQxm3/wZVBkXyYUqNUAdxqwtbWUXPsbK1q8Ms0mL83v+f8YicgcyfYCRZtWACUdYajpA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-minify-gradients@5.1.1:
     resolution: {integrity: sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-minify-gradients@7.0.5:
+    resolution: {integrity: sha512-YraROyQRg3BI1+Hg8E05B/JPdnTm8EDSVu4P2BxdM+CRiOyfmou809+chGIqo6fQqwjPGQ947nbGncSjmTU1WQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-minify-params@5.1.4:
     resolution: {integrity: sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-minify-params@7.0.9:
+    resolution: {integrity: sha512-R8itbB8BhlpoYyBm1ou0dD+vJnQ3F6adQipR4UnkCHUwlo+S9WXJaDRg1RHjC8YVAtIdrQzSWvJl40HnGDTKjA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-minify-selectors@5.2.1:
     resolution: {integrity: sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-minify-selectors@7.1.2:
+    resolution: {integrity: sha512-aQtrEWKwqafNlExcKHQvPGsXR2+vlUqqJtf5XsCQcgsSb5PL4wlujWBYDJuWsP4UnQX1YHDHU8qRlD+1PzTQ+Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-mixins@12.1.2:
     resolution: {integrity: sha512-90pSxmZVfbX9e5xCv7tI5RV1mnjdf16y89CJKbf/hD7GyOz1FCxcYMl8ZYA8Hc56dbApTKKmU9HfvgfWdCxlwg==}
     engines: {node: ^20.0 || ^22.0 || >=24.0}
@@ -5245,60 +6193,120 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-charset@7.0.3:
+    resolution: {integrity: sha512-NoBfZu8PR4c2NlmjvrqQTzCzLY79hwcSRgNQ3ZiNK0ABzf9kYKloE/jNj+/8GQY1wsm8pRRgANk6ydLH8cwo0Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-normalize-display-values@5.1.0:
     resolution: {integrity: sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-display-values@7.0.3:
+    resolution: {integrity: sha512-ldsCX0QIt05pKIOobZtVQ48wXJecr+czw4+e1/YjVhLMqslShgpVxgPtI2CefURR8oyVoYaU/l829MMwExDMLw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-normalize-positions@5.1.1:
     resolution: {integrity: sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-positions@7.0.4:
+    resolution: {integrity: sha512-VEvlpeGd3Ju1Hqa/oN4jaP3+ms4laYwkEL9N9u+B6k54PZjXbW1n6wI+aVprf1BQXlCYpS5+1pl/7/vHiKgARg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-normalize-repeat-style@5.1.1:
     resolution: {integrity: sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-repeat-style@7.0.4:
+    resolution: {integrity: sha512-6mPKlY/8cSaDHxX502wERADarJsccwlky6yIrOapHH2ZgfoKAV94SbiTKfKEs4EEpdazuc3J72WsqeYk7hp9+Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-normalize-string@5.1.0:
     resolution: {integrity: sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-string@7.0.3:
+    resolution: {integrity: sha512-HnEQPUchi1eznmDKEYrKUTqrprEq97SrpUYClgUkv7V2zRODD9DFoUsYU+m9ZOetmD5ku7fEMZB/lwy8IT6xVQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-normalize-timing-functions@5.1.0:
     resolution: {integrity: sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-timing-functions@7.0.3:
+    resolution: {integrity: sha512-zmEzHdvpZBZu0OKlbJSfgASQvaayyAoVuWtvyr34IJ/LyS+DaOKvvR3EvFJ9RWWtNIx+CMvO125OVophaxNYew==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-normalize-unicode@5.1.1:
     resolution: {integrity: sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-unicode@7.0.9:
+    resolution: {integrity: sha512-DRAdWfeh/TjmhLJsw91vdiWCnUod9iwvM7xyS02/nF/sLsCR3A8l3pztrSUrWG8DSBqfX7yEk9FM0USaVJ2mSg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-normalize-url@5.1.0:
     resolution: {integrity: sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-url@7.0.3:
+    resolution: {integrity: sha512-CL93wmloq5qsffmFv+bw24MIRbmhHrp53qoh1LDAb/5TtjWEXI/np4xcP/Gw9oWCb2XyWnqHYLDUwiKRoJBA1Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-normalize-whitespace@5.1.1:
     resolution: {integrity: sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-normalize-whitespace@7.0.3:
+    resolution: {integrity: sha512-FdHjjn+Ht5Z2ZRjNOmeCbNq6lq09sUYKpmlF/Aq0XjVNSLTL6fmHlA/3swN2wP2caY9GV/tjSDcIIyS7aN7W0A==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-ordered-values@5.1.3:
     resolution: {integrity: sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-ordered-values@7.0.4:
+    resolution: {integrity: sha512-nubSi49hDHQk4E8KIj+IbLY8Bg+8OcSUEhgyolgM+atnOvXjV7EjaR6bac4YGZoFyPa9mWoAF3EaYbWdFkKqVg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-prefix-selector@2.1.1:
     resolution: {integrity: sha512-ZBgf427Et6+XnrnJ9VXtJEKCjJwTvn2wn/qMg+wvvlRhIeFIAxdbrlZZ0CSsWYMJfcyPLBh8ogj5O1kb/Mcx3g==}
     peerDependencies:
@@ -5315,12 +6323,24 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-reduce-initial@7.0.9:
+    resolution: {integrity: sha512-ztTNPdIxXTxtBcG03E9u8v44M4ElXbMIRT7pf2onlquGula0Y83nKKxqM22FA/hMgkfCjN7ohevkVlaNwI8iOQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-reduce-transforms@5.1.0:
     resolution: {integrity: sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-reduce-transforms@7.0.3:
+    resolution: {integrity: sha512-FXsnN9ZwcZTT8Yf8cAHA8qIGUXcX6WfLd9JoYhrdDfmvsVhhfqkkv7m4AC3rwFOfz+GzkUa87OCKF9dUcicd+g==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-reporter@7.1.0:
     resolution: {integrity: sha512-/eoEylGWyy6/DOiMP5lmFRdmDKThqgn7D6hP2dXKJI/0rJSO1ADFNngZfDzxL0YAxFvws+Rtpuji1YIHj4mySA==}
     engines: {node: '>=10'}
@@ -5346,10 +6366,6 @@ packages:
     resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
     engines: {node: '>=4'}
 
-  postcss-selector-parser@7.1.0:
-    resolution: {integrity: sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==}
-    engines: {node: '>=4'}
-
   postcss-selector-parser@7.1.1:
     resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
     engines: {node: '>=4'}
@@ -5371,12 +6387,24 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-svgo@7.1.3:
+    resolution: {integrity: sha512-2QfoFOYMcj8lwcVEf9WeTlkVIAm7u2QvOEhMzkQU3KUhhGX/l8hVV9EtjMv4iq3E9iI3OeeMN0YoMLbGusuigw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >= 18}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-unique-selectors@5.1.1:
     resolution: {integrity: sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==}
     engines: {node: ^10 || ^12 || >=14.0}
     peerDependencies:
       postcss: ^8.2.15
 
+  postcss-unique-selectors@7.0.7:
+    resolution: {integrity: sha512-d+sCkaRnSefghOUdH8CMJZV9yUQhj2ojpe8Nw/lA+LV1UOfeleGkLTl6XdCFFSai9UJ+DJPb69FFuqthXYsY8w==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
@@ -5384,8 +6412,8 @@ packages:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
 
-  postcss@8.5.10:
-    resolution: {integrity: sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==}
+  postcss@8.5.25:
+    resolution: {integrity: sha512-DTPx3RWSSnWyzLxQnlH0rJP+EW5ekl16ZU4/psbIhA0e53kJfdgaN5vKM+xP7yJtXVu+nfdVFmlgFDEKAe4Pyw==}
     engines: {node: ^10 || ^12 || >=14}
 
   postcss@8.5.6:
@@ -5521,6 +6549,10 @@ packages:
   pump@3.0.3:
     resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==}
 
+  punycode.js@2.3.1:
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    engines: {node: '>=6'}
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -5648,6 +6680,9 @@ packages:
     resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
     engines: {node: '>= 12.13.0'}
 
+  reduce-configs@1.1.2:
+    resolution: {integrity: sha512-AgBP55V8FC7NaqoOP2RCbTpu6LE+YuX3LUZkNAoitcfyS3/PIC8Obg/TJrBzTkJ+lDvZv0TTAeDpLkzjTtYlbw==}
+
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -5724,9 +6759,22 @@ packages:
     resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
     engines: {node: '>= 18'}
 
+  rsbuild-plugin-tailwindcss@0.2.4:
+    resolution: {integrity: sha512-coLf2Rn5QeXkCrW4zlyPej+ezQ1sNFwwagrlpITqo/Yz78bLeNWrMbA1WqHNLtr5IwM0lL/SEc4ZVglw9M13pw==}
+    peerDependencies:
+      '@rsbuild/core': ^1.1.0 || ^2.0.0-0
+      tailwindcss: ^3.1.0
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+
   rsc-html-stream@0.0.7:
     resolution: {integrity: sha512-v9+fuY7usTgvXdNl8JmfXCvSsQbq2YMd60kOeeMIqCJFZ69fViuIxztHei7v5mlMMa2h3SqS+v44Gu9i9xANZA==}
 
+  rslog@2.3.0:
+    resolution: {integrity: sha512-g2wW/ermwzGTLlzGdJBDRc4YKz2/yPBjf57w9g5CvhtpZ91Xq95OaWku0oNHYi+XsuV6v8QrCo2oJJR/pCUR8g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -5759,12 +6807,20 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
+  sax@1.6.1:
+    resolution: {integrity: sha512-42tBVwLWnaQvW5zc4HbZrTuWccECCZfBi92FDuwtqxasH+JbPB3/FOKb1m222K42R4WxuxzzMsTswfzgtSu64Q==}
+    engines: {node: '>=11.0.0'}
+
   scheduler@0.26.0:
     resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
 
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
+  schema-utils@4.3.3:
+    resolution: {integrity: sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==}
+    engines: {node: '>= 10.13.0'}
+
   scule@1.3.0:
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
@@ -5785,6 +6841,11 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  semver@7.8.5:
+    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   send@1.2.0:
     resolution: {integrity: sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==}
     engines: {node: '>= 18'}
@@ -5792,6 +6853,10 @@ packages:
   serialize-javascript@6.0.2:
     resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
 
+  serialize-javascript@7.0.7:
+    resolution: {integrity: sha512-YAy8Od6KV+uuwUuU50np8fGB/Aues6Y0nAhA9y/hId74PlKUcme4pXcBD46NWKr1Q4osN/iseZ17YqO1XfmI8g==}
+    engines: {node: '>=20.0.0'}
+
   seroval-plugins@1.3.3:
     resolution: {integrity: sha512-16OL3NnUBw8JG1jBLUoZJsLnQq0n5Ua6aHalhJK4fMQkz1lqR7Osz1sA30trBtd9VUDc2NgkuRCn8+/pBwqZ+w==}
     engines: {node: '>=10'}
@@ -5836,6 +6901,10 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  shell-quote@1.10.0:
+    resolution: {integrity: sha512-w1aiOKwKuRgtwAReIIj89puqg+I7GvX4IbLrvmhXbzQsj1+Zwi4VO3+fa6ZF91TWSjIxoEkKnMeHcLEODK5ZXA==}
+    engines: {node: '>= 0.4'}
+
   shiki@3.23.0:
     resolution: {integrity: sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==}
 
@@ -5885,6 +6954,17 @@ packages:
   smob@1.5.0:
     resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
 
+  socket.io-adapter@2.5.8:
+    resolution: {integrity: sha512-6Oy52pbg+kvdCVvjcN+FnY7BvxZ7cIHNScbvztT/It5d0vbwoJoVZmF2gjJmnV0/4WlXRfG15zc45ySk9Ah8bw==}
+
+  socket.io-parser@4.2.7:
+    resolution: {integrity: sha512-IH/iSeO9T6gz1KkFleGDWkG9N3dl4jXVYUtMhIqH10Md0ttMer8nUNWiP1DKuNrybD2xBrixLJdCC9J6ECoYkg==}
+    engines: {node: '>=10.0.0'}
+
+  socket.io@4.8.1:
+    resolution: {integrity: sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==}
+    engines: {node: '>=10.2.0'}
+
   solid-js@1.9.9:
     resolution: {integrity: sha512-A0ZBPJQldAeGCTW0YRYJmt7RCeh5rbFfPZ2aOttgYnctHE7HgKeHCBB/PVc2P7eOfmNXqMFFFoYYdm3S4dcbkA==}
 
@@ -5907,6 +6987,10 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
+  source-map@0.7.6:
+    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
+    engines: {node: '>= 12'}
+
   space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
 
@@ -6007,6 +7091,10 @@ packages:
     resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
     engines: {node: '>=12'}
 
+  strip-ansi@7.2.0:
+    resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
+    engines: {node: '>=12'}
+
   strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
@@ -6047,6 +7135,12 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
 
+  stylehacks@7.0.11:
+    resolution: {integrity: sha512-iODNfhXVLqc5LADs+Y6Oh5wJuK5ZcHbVng8aiK3y9pjMQdc5hLrBW0eFU6FtnpNrE6PoEg/MmFTU4waotj5WNg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.5.13
+
   stylelint-config-recommended-scss@17.0.1:
     resolution: {integrity: sha512-x5DVehzJudcwF0od3sGpgkln2PLLranFE7twwbp7dqDINCyZvwzFkMc6TLhNOvazRiVBJYATQLouJY0xPGB8WA==}
     engines: {node: '>=20'}
@@ -6169,6 +7263,11 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
+  svgo@4.0.2:
+    resolution: {integrity: sha512-ekx94z1rRc5LDi6oSUaeRnYhd0UOJxdtQCL2rF8xpWxD3TPAsISWOrxezqGovqS38GRZOdpDfvQe3ts6F7nsng==}
+    engines: {node: '>=16'}
+    hasBin: true
+
   synckit@0.11.12:
     resolution: {integrity: sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -6190,6 +7289,10 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
   terser@5.44.0:
     resolution: {integrity: sha512-nIVck8DK+GM/0Frwd+nIhZ84pR/BX7rmXMfYwyg+Sri5oGVE99/E3KvXqpC2xHFxyqXyGHTKBSioxxplrO4I4w==}
     engines: {node: '>=10'}
@@ -6208,10 +7311,17 @@ packages:
   thread-stream@3.1.0:
     resolution: {integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==}
 
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
   tinyglobby@0.2.15:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
+  tinypool@2.1.0:
+    resolution: {integrity: sha512-Pugqs6M0m7Lv1I7FtxN4aoyToKg1C4tu+/381vH35y8oENM/Ai7f7C4StcoK4/+BSw9ebcS8jRiVrORFKCALLw==}
+    engines: {node: ^20.0.0 || >=22.0.0}
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -6277,6 +7387,10 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
+  type-detect@4.1.0:
+    resolution: {integrity: sha512-Acylog8/luQ8L7il+geoSxhEkazvkslg7PSNKOX59mbB9cOveP5aq9h74Y7YU8yDpJwetzQQrfIwtf4Wp4LKcw==}
+    engines: {node: '>=4'}
+
   type-fest@4.41.0:
     resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
@@ -6328,6 +7442,9 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  uc.micro@2.1.0:
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+
   ufo@1.6.1:
     resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
 
@@ -6589,6 +7706,27 @@ packages:
   w3c-keyname@2.2.8:
     resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
 
+  wasm-feature-detect@1.8.0:
+    resolution: {integrity: sha512-zksaLKM2fVlnB5jQQDqKXXwYHLQUVH9es+5TOOHwGOVJOCeRBCiPjwSg+3tN2AdTCzjgli4jijCH290kXb/zWQ==}
+
+  watchpack@2.5.2:
+    resolution: {integrity: sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==}
+    engines: {node: '>=10.13.0'}
+
+  webpack-sources@3.5.1:
+    resolution: {integrity: sha512-jyuiGJdtvY434z5bUZrjz67v76/ePNvFZTp9Mdz29IlH4+GPsgyGjiv0fKI+M7BdkU6ADjulUcKAd3tUK3WlEw==}
+    engines: {node: '>=10.13.0'}
+
+  webpack@5.109.2:
+    resolution: {integrity: sha512-U9/cvLzxObKNEZ9+TtdqrHM5/9z3lgl2c+c4BzbqGxFQvQvBAq87yql5A8pQ+rrMbS496MZJeF5enVBndIy2hw==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    peerDependencies:
+      webpack-cli: '*'
+    peerDependenciesMeta:
+      webpack-cli:
+        optional: true
+
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -6653,6 +7791,18 @@ packages:
       utf-8-validate:
         optional: true
 
+  ws@8.21.1:
+    resolution: {integrity: sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
   y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
@@ -6715,6 +7865,12 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
+  '@babel/code-frame@7.26.2':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
   '@babel/code-frame@7.27.1':
     dependencies:
       '@babel/helper-validator-identifier': 7.27.1
@@ -6795,7 +7951,7 @@ snapshots:
     dependencies:
       '@babel/compat-data': 7.28.4
       '@babel/helper-validator-option': 7.27.1
-      browserslist: 4.26.3
+      browserslist: 4.28.2
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -6803,7 +7959,7 @@ snapshots:
     dependencies:
       '@babel/compat-data': 7.29.0
       '@babel/helper-validator-option': 7.27.1
-      browserslist: 4.26.3
+      browserslist: 4.28.7
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -7112,6 +8268,8 @@ snapshots:
       react-dom: 19.2.0(react@19.2.0)
       react-is: 17.0.2
 
+  '@colordx/core@5.5.0': {}
+
   '@cspotcode/source-map-support@0.8.1':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
@@ -7144,6 +8302,12 @@ snapshots:
     dependencies:
       postcss-selector-parser: 7.1.1
 
+  '@emnapi/core@1.11.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.2
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/core@1.5.0':
     dependencies:
       '@emnapi/wasi-threads': 1.1.0
@@ -7155,6 +8319,11 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/runtime@1.11.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/runtime@1.5.0':
     dependencies:
       tslib: 2.8.1
@@ -7165,6 +8334,11 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/wasi-threads@1.2.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@epic-web/invariant@1.0.0': {}
 
   '@esbuild/aix-ppc64@0.21.5':
@@ -7516,11 +8690,30 @@ snapshots:
     dependencies:
       string-width: 5.1.2
       string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
       strip-ansi-cjs: strip-ansi@6.0.1
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
+  '@jest/pattern@30.4.0':
+    dependencies:
+      '@types/node': 22.19.17
+      jest-regex-util: 30.4.0
+
+  '@jest/schemas@30.4.1':
+    dependencies:
+      '@sinclair/typebox': 0.34.52
+
+  '@jest/types@30.4.1':
+    dependencies:
+      '@jest/pattern': 30.4.0
+      '@jest/schemas': 30.4.1
+      '@types/istanbul-lib-coverage': 2.0.6
+      '@types/istanbul-reports': 3.0.4
+      '@types/node': 22.19.17
+      '@types/yargs': 17.0.35
+      chalk: 4.1.2
+
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -7651,6 +8844,171 @@ snapshots:
       '@lezer/highlight': 1.2.3
       '@lezer/lr': 1.4.2
 
+  '@lynx-js/cache-events-webpack-plugin@0.2.0':
+    dependencies:
+      '@lynx-js/webpack-runtime-globals': 0.0.7
+
+  '@lynx-js/chunk-loading-webpack-plugin@0.4.1':
+    dependencies:
+      '@lynx-js/webpack-runtime-globals': 0.0.7
+
+  '@lynx-js/css-extract-webpack-plugin@0.10.0(@lynx-js/template-webpack-plugin@0.14.1(tslib@2.8.1))':
+    dependencies:
+      '@lynx-js/template-webpack-plugin': 0.14.1(tslib@2.8.1)
+
+  '@lynx-js/css-serializer@0.1.7':
+    dependencies:
+      css-tree: 3.2.1
+
+  '@lynx-js/debug-metadata-rsbuild-plugin@0.2.1':
+    dependencies:
+      '@lynx-js/debug-metadata': 0.1.0
+
+  '@lynx-js/debug-metadata@0.1.0': {}
+
+  '@lynx-js/internal-preact@10.29.1-20260519060144-e6da44c': {}
+
+  '@lynx-js/react-alias-rsbuild-plugin@0.18.2': {}
+
+  '@lynx-js/react-refresh-webpack-plugin@0.4.1(@lynx-js/react-webpack-plugin@0.10.2(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))(@lynx-js/template-webpack-plugin@0.14.1(tslib@2.8.1)))':
+    dependencies:
+      '@lynx-js/react-webpack-plugin': 0.10.2(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))(@lynx-js/template-webpack-plugin@0.14.1(tslib@2.8.1))
+
+  '@lynx-js/react-rsbuild-plugin@0.18.2(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))(tslib@2.8.1)':
+    dependencies:
+      '@lynx-js/css-extract-webpack-plugin': 0.10.0(@lynx-js/template-webpack-plugin@0.14.1(tslib@2.8.1))
+      '@lynx-js/react-alias-rsbuild-plugin': 0.18.2
+      '@lynx-js/react-refresh-webpack-plugin': 0.4.1(@lynx-js/react-webpack-plugin@0.10.2(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))(@lynx-js/template-webpack-plugin@0.14.1(tslib@2.8.1)))
+      '@lynx-js/react-webpack-plugin': 0.10.2(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))(@lynx-js/template-webpack-plugin@0.14.1(tslib@2.8.1))
+      '@lynx-js/runtime-wrapper-webpack-plugin': 0.2.3
+      '@lynx-js/template-webpack-plugin': 0.14.1(tslib@2.8.1)
+      '@lynx-js/use-sync-external-store': 1.5.0(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))
+      background-only: 0.0.1
+      tiny-invariant: 1.3.3
+    optionalDependencies:
+      '@lynx-js/react': 0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2)
+    transitivePeerDependencies:
+      - '@lynx-js/lynx-core'
+      - tslib
+
+  '@lynx-js/react-webpack-plugin@0.10.2(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))(@lynx-js/template-webpack-plugin@0.14.1(tslib@2.8.1))':
+    dependencies:
+      '@lynx-js/debug-metadata': 0.1.0
+      '@lynx-js/template-webpack-plugin': 0.14.1(tslib@2.8.1)
+      '@lynx-js/webpack-runtime-globals': 0.0.7
+      tiny-invariant: 1.3.3
+    optionalDependencies:
+      '@lynx-js/react': 0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2)
+
+  '@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@18.3.31)':
+    dependencies:
+      '@types/react': 18.3.31
+      preact: '@lynx-js/internal-preact@10.29.1-20260519060144-e6da44c'
+    optionalDependencies:
+      '@lynx-js/types': 4.1.0
+
+  '@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2)':
+    dependencies:
+      '@types/react': 19.2.2
+      preact: '@lynx-js/internal-preact@10.29.1-20260519060144-e6da44c'
+    optionalDependencies:
+      '@lynx-js/types': 4.1.0
+
+  '@lynx-js/rsbuild-plugin@0.0.1(@rsbuild/core@2.1.7)':
+    dependencies:
+      '@lynx-js/cache-events-webpack-plugin': 0.2.0
+      '@lynx-js/chunk-loading-webpack-plugin': 0.4.1
+      '@rsbuild/core': 2.1.7
+
+  '@lynx-js/rspeedy@0.16.2(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rspack/core@2.1.7(@swc/helpers@0.5.23))(typescript@5.9.3)(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))':
+    dependencies:
+      '@lynx-js/debug-metadata-rsbuild-plugin': 0.2.1
+      '@lynx-js/rsbuild-plugin': 0.0.1(@rsbuild/core@2.1.7)
+      '@lynx-js/web-rsbuild-server-middleware': 0.23.1
+      '@lynx-js/webpack-dev-transport': 0.3.0
+      '@lynx-js/websocket': 0.0.4
+      '@rsbuild/core': 2.1.7
+      '@rsbuild/plugin-css-minimizer': 2.0.1(@rsbuild/core@2.1.7)(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/rspack-plugin': 1.6.1(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rsbuild/core@2.1.7)(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@module-federation/runtime-tools'
+      - '@parcel/css'
+      - '@rspack/core'
+      - '@swc/css'
+      - bufferutil
+      - clean-css
+      - core-js
+      - csso
+      - esbuild
+      - lightningcss
+      - supports-color
+      - utf-8-validate
+      - webpack
+
+  '@lynx-js/runtime-wrapper-webpack-plugin@0.2.3':
+    dependencies:
+      '@lynx-js/webpack-runtime-globals': 0.0.7
+
+  '@lynx-js/tailwind-preset@0.5.0(tailwindcss@3.4.19(yaml@2.8.1))':
+    dependencies:
+      tailwindcss: 3.4.19(yaml@2.8.1)
+
+  '@lynx-js/tasm@0.0.49': {}
+
+  '@lynx-js/template-webpack-plugin@0.14.1(tslib@2.8.1)':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      '@lynx-js/css-serializer': 0.1.7
+      '@lynx-js/tasm': 0.0.49
+      '@lynx-js/web-core': 0.23.1(@lynx-js/css-serializer@0.1.7)(tslib@2.8.1)
+      '@lynx-js/webpack-runtime-globals': 0.0.7
+      '@rspack/lite-tapable': 1.1.2
+      css-tree: 3.2.1
+      object.groupby: 1.0.3
+      tinypool: 2.1.0
+    transitivePeerDependencies:
+      - '@lynx-js/lynx-core'
+      - tslib
+
+  '@lynx-js/types@4.1.0':
+    dependencies:
+      csstype: 3.1.3
+
+  '@lynx-js/use-sync-external-store@1.5.0(@lynx-js/react@0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2))':
+    dependencies:
+      '@lynx-js/react': 0.123.2(@lynx-js/types@4.1.0)(@types/react@19.2.2)
+
+  '@lynx-js/web-core@0.23.1(@lynx-js/css-serializer@0.1.7)(tslib@2.8.1)':
+    dependencies:
+      '@lynx-js/web-elements': 0.12.7(tslib@2.8.1)
+      '@lynx-js/web-worker-rpc': 0.23.1
+      wasm-feature-detect: 1.8.0
+    optionalDependencies:
+      '@lynx-js/css-serializer': 0.1.7
+      tslib: 2.8.1
+
+  '@lynx-js/web-elements@0.12.7(tslib@2.8.1)':
+    dependencies:
+      dompurify: 3.4.12
+      markdown-it: 14.3.0
+      tslib: 2.8.1
+
+  '@lynx-js/web-rsbuild-server-middleware@0.23.1': {}
+
+  '@lynx-js/web-worker-rpc@0.23.1': {}
+
+  '@lynx-js/webpack-dev-transport@0.3.0': {}
+
+  '@lynx-js/webpack-runtime-globals@0.0.7': {}
+
+  '@lynx-js/websocket@0.0.4':
+    dependencies:
+      eventemitter3: 5.0.4
+
   '@mantine/core@8.3.4(@mantine/hooks@8.3.4(react@19.2.0))(@types/react@19.2.2)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
       '@floating-ui/react': 0.27.16(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
@@ -7749,7 +9107,7 @@ snapshots:
       '@xterm/addon-fit': 0.11.0
       '@xterm/xterm': 6.0.0
 
-  '@my-react/react-vite@0.0.36(@my-react/react-refresh@0.3.30(@my-react/react@0.3.30(react@19.2.0)))(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))':
+  '@my-react/react-vite@0.0.36(@my-react/react-refresh@0.3.30(@my-react/react@0.3.30(react@19.2.0)))(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
@@ -7761,7 +9119,7 @@ snapshots:
       magic-string: 0.30.19
       periscopic: 3.1.0
       rsc-html-stream: 0.0.7
-      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -7778,6 +9136,20 @@ snapshots:
       '@tybys/wasm-util': 0.10.1
     optional: true
 
+  '@napi-rs/wasm-runtime@1.1.6(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
+  '@napi-rs/wasm-runtime@1.2.2(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
   '@next/env@16.2.4': {}
 
   '@next/eslint-plugin-next@16.2.4':
@@ -8058,6 +9430,255 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.60.2':
     optional: true
 
+  '@rsbuild/core@2.1.7':
+    dependencies:
+      '@rspack/core': 2.1.7(@swc/helpers@0.5.23)
+      '@swc/helpers': 0.5.23
+    transitivePeerDependencies:
+      - '@module-federation/runtime-tools'
+
+  '@rsbuild/plugin-check-syntax@1.6.1(@rsbuild/core@2.1.7)':
+    dependencies:
+      acorn: 8.15.0
+      browserslist-to-es-version: 1.4.2
+      htmlparser2: 10.0.0
+      picocolors: 1.1.1
+      source-map: 0.7.6
+    optionalDependencies:
+      '@rsbuild/core': 2.1.7
+
+  '@rsbuild/plugin-css-minimizer@2.0.1(@rsbuild/core@2.1.7)(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))':
+    dependencies:
+      css-minimizer-webpack-plugin: 8.0.0(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      reduce-configs: 1.1.2
+    optionalDependencies:
+      '@rsbuild/core': 2.1.7
+    transitivePeerDependencies:
+      - '@parcel/css'
+      - '@swc/css'
+      - clean-css
+      - csso
+      - esbuild
+      - lightningcss
+      - webpack
+
+  '@rsdoctor/client@1.6.1': {}
+
+  '@rsdoctor/core@1.6.1(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rsbuild/core@2.1.7)(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))':
+    dependencies:
+      '@rsbuild/plugin-check-syntax': 1.6.1(@rsbuild/core@2.1.7)
+      '@rsdoctor/graph': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/sdk': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/types': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/utils': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rspack/resolver': 0.2.8(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
+      browserslist-load-config: 1.0.3
+      es-toolkit: 1.50.0
+      filesize: 11.0.22
+      fs-extra: 11.3.2
+      semver: 7.8.5
+      source-map: 0.7.6
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@rsbuild/core'
+      - '@rspack/core'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+      - webpack
+
+  '@rsdoctor/graph@1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))':
+    dependencies:
+      '@rsdoctor/types': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/utils': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      es-toolkit: 1.50.0
+      path-browserify: 1.0.1
+      source-map: 0.7.6
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - webpack
+
+  '@rsdoctor/rspack-plugin@1.6.1(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rsbuild/core@2.1.7)(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))':
+    dependencies:
+      '@rsdoctor/core': 1.6.1(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)(@rsbuild/core@2.1.7)(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/graph': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/sdk': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/types': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/utils': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+    optionalDependencies:
+      '@rspack/core': 2.1.7(@swc/helpers@0.5.23)
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@rsbuild/core'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+      - webpack
+
+  '@rsdoctor/sdk@1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))':
+    dependencies:
+      '@rsdoctor/client': 1.6.1
+      '@rsdoctor/graph': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/types': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@rsdoctor/utils': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      launch-editor: 2.14.1
+      safer-buffer: 2.1.2
+      socket.io: 4.8.1
+      tapable: 2.3.3
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+      - webpack
+
+  '@rsdoctor/types@1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))':
+    dependencies:
+      '@types/connect': 3.4.38
+      '@types/estree': 1.0.5
+      '@types/tapable': 2.3.0
+      source-map: 0.7.6
+    optionalDependencies:
+      '@rspack/core': 2.1.7(@swc/helpers@0.5.23)
+      webpack: 5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25)
+
+  '@rsdoctor/utils@1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))':
+    dependencies:
+      '@babel/code-frame': 7.26.2
+      '@rsdoctor/types': 1.6.1(@rspack/core@2.1.7(@swc/helpers@0.5.23))(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      '@types/estree': 1.0.5
+      acorn: 8.15.0
+      acorn-import-attributes: 1.9.5(acorn@8.15.0)
+      acorn-walk: 8.3.5
+      deep-eql: 4.1.4
+      envinfo: 7.21.0
+      fs-extra: 11.3.2
+      get-port: 5.1.1
+      json-stream-stringify: 3.0.1
+      lines-and-columns: 2.0.4
+      picocolors: 1.1.1
+      rslog: 2.3.0
+      strip-ansi: 7.2.0
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - webpack
+
+  '@rspack/binding-darwin-arm64@2.1.7':
+    optional: true
+
+  '@rspack/binding-darwin-x64@2.1.7':
+    optional: true
+
+  '@rspack/binding-linux-arm64-gnu@2.1.7':
+    optional: true
+
+  '@rspack/binding-linux-arm64-musl@2.1.7':
+    optional: true
+
+  '@rspack/binding-linux-riscv64-gnu@2.1.7':
+    optional: true
+
+  '@rspack/binding-linux-riscv64-musl@2.1.7':
+    optional: true
+
+  '@rspack/binding-linux-x64-gnu@2.1.7':
+    optional: true
+
+  '@rspack/binding-linux-x64-musl@2.1.7':
+    optional: true
+
+  '@rspack/binding-wasm32-wasi@2.1.7':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
+    optional: true
+
+  '@rspack/binding-win32-arm64-msvc@2.1.7':
+    optional: true
+
+  '@rspack/binding-win32-ia32-msvc@2.1.7':
+    optional: true
+
+  '@rspack/binding-win32-x64-msvc@2.1.7':
+    optional: true
+
+  '@rspack/binding@2.1.7':
+    optionalDependencies:
+      '@rspack/binding-darwin-arm64': 2.1.7
+      '@rspack/binding-darwin-x64': 2.1.7
+      '@rspack/binding-linux-arm64-gnu': 2.1.7
+      '@rspack/binding-linux-arm64-musl': 2.1.7
+      '@rspack/binding-linux-riscv64-gnu': 2.1.7
+      '@rspack/binding-linux-riscv64-musl': 2.1.7
+      '@rspack/binding-linux-x64-gnu': 2.1.7
+      '@rspack/binding-linux-x64-musl': 2.1.7
+      '@rspack/binding-wasm32-wasi': 2.1.7
+      '@rspack/binding-win32-arm64-msvc': 2.1.7
+      '@rspack/binding-win32-ia32-msvc': 2.1.7
+      '@rspack/binding-win32-x64-msvc': 2.1.7
+
+  '@rspack/core@2.1.7(@swc/helpers@0.5.23)':
+    dependencies:
+      '@rspack/binding': 2.1.7
+    optionalDependencies:
+      '@swc/helpers': 0.5.23
+
+  '@rspack/lite-tapable@1.1.2': {}
+
+  '@rspack/resolver-binding-darwin-arm64@0.2.8':
+    optional: true
+
+  '@rspack/resolver-binding-darwin-x64@0.2.8':
+    optional: true
+
+  '@rspack/resolver-binding-linux-arm64-gnu@0.2.8':
+    optional: true
+
+  '@rspack/resolver-binding-linux-arm64-musl@0.2.8':
+    optional: true
+
+  '@rspack/resolver-binding-linux-x64-gnu@0.2.8':
+    optional: true
+
+  '@rspack/resolver-binding-linux-x64-musl@0.2.8':
+    optional: true
+
+  '@rspack/resolver-binding-wasm32-wasi@0.2.8(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
+    dependencies:
+      '@napi-rs/wasm-runtime': 1.2.2(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+    optional: true
+
+  '@rspack/resolver-binding-win32-arm64-msvc@0.2.8':
+    optional: true
+
+  '@rspack/resolver-binding-win32-ia32-msvc@0.2.8':
+    optional: true
+
+  '@rspack/resolver-binding-win32-x64-msvc@0.2.8':
+    optional: true
+
+  '@rspack/resolver@0.2.8(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
+    optionalDependencies:
+      '@rspack/resolver-binding-darwin-arm64': 0.2.8
+      '@rspack/resolver-binding-darwin-x64': 0.2.8
+      '@rspack/resolver-binding-linux-arm64-gnu': 0.2.8
+      '@rspack/resolver-binding-linux-arm64-musl': 0.2.8
+      '@rspack/resolver-binding-linux-x64-gnu': 0.2.8
+      '@rspack/resolver-binding-linux-x64-musl': 0.2.8
+      '@rspack/resolver-binding-wasm32-wasi': 0.2.8(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
+      '@rspack/resolver-binding-win32-arm64-msvc': 0.2.8
+      '@rspack/resolver-binding-win32-ia32-msvc': 0.2.8
+      '@rspack/resolver-binding-win32-x64-msvc': 0.2.8
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+
   '@rtsao/scc@1.1.0': {}
 
   '@rushstack/node-core-library@5.17.0(@types/node@22.19.17)':
@@ -8132,8 +9753,12 @@ snapshots:
 
   '@shikijs/vscode-textmate@10.0.2': {}
 
+  '@sinclair/typebox@0.34.52': {}
+
   '@sindresorhus/merge-streams@4.0.0': {}
 
+  '@socket.io/component-emitter@3.1.2': {}
+
   '@standard-schema/spec@1.0.0': {}
 
   '@stitches/core@1.2.8': {}
@@ -8234,7 +9859,7 @@ snapshots:
   '@swc/core-win32-x64-msvc@1.15.30':
     optional: true
 
-  '@swc/core@1.15.30':
+  '@swc/core@1.15.30(@swc/helpers@0.5.23)':
     dependencies:
       '@swc/counter': 0.1.3
       '@swc/types': 0.1.26
@@ -8251,6 +9876,7 @@ snapshots:
       '@swc/core-win32-arm64-msvc': 1.15.30
       '@swc/core-win32-ia32-msvc': 1.15.30
       '@swc/core-win32-x64-msvc': 1.15.30
+      '@swc/helpers': 0.5.23
 
   '@swc/counter@0.1.3': {}
 
@@ -8258,6 +9884,10 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  '@swc/helpers@0.5.23':
+    dependencies:
+      tslib: 2.8.1
+
   '@swc/types@0.1.26':
     dependencies:
       '@swc/counter': 0.1.3
@@ -8284,28 +9914,33 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@tybys/wasm-util@0.10.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@types/argparse@1.0.38': {}
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.28.4
-      '@babel/types': 7.28.4
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
       '@types/babel__generator': 7.27.0
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.28.0
 
   '@types/babel__generator@7.27.0':
     dependencies:
-      '@babel/types': 7.28.4
+      '@babel/types': 7.29.0
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.28.4
-      '@babel/types': 7.28.4
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
 
   '@types/babel__traverse@7.28.0':
     dependencies:
-      '@babel/types': 7.28.4
+      '@babel/types': 7.29.0
 
   '@types/body-parser@1.19.6':
     dependencies:
@@ -8318,8 +9953,14 @@ snapshots:
 
   '@types/cookie@0.6.0': {}
 
+  '@types/cors@2.8.19':
+    dependencies:
+      '@types/node': 22.19.17
+
   '@types/diff@6.0.0': {}
 
+  '@types/estree@1.0.5': {}
+
   '@types/estree@1.0.8': {}
 
   '@types/express-serve-static-core@5.1.0':
@@ -8341,6 +9982,16 @@ snapshots:
 
   '@types/http-errors@2.0.5': {}
 
+  '@types/istanbul-lib-coverage@2.0.6': {}
+
+  '@types/istanbul-lib-report@3.0.3':
+    dependencies:
+      '@types/istanbul-lib-coverage': 2.0.6
+
+  '@types/istanbul-reports@3.0.4':
+    dependencies:
+      '@types/istanbul-lib-report': 3.0.3
+
   '@types/json-schema@7.0.15': {}
 
   '@types/json5@0.0.29': {}
@@ -8357,6 +10008,8 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
+  '@types/prop-types@15.7.15': {}
+
   '@types/qs@6.14.0': {}
 
   '@types/range-parser@1.2.7': {}
@@ -8365,6 +10018,11 @@ snapshots:
     dependencies:
       '@types/react': 19.2.2
 
+  '@types/react@18.3.31':
+    dependencies:
+      '@types/prop-types': 15.7.15
+      csstype: 3.2.3
+
   '@types/react@19.2.2':
     dependencies:
       csstype: 3.1.3
@@ -8386,10 +10044,27 @@ snapshots:
       '@types/node': 22.19.17
       '@types/send': 0.17.5
 
+  '@types/tapable@2.3.0':
+    dependencies:
+      tapable: 2.3.3
+
+  '@types/trusted-types@2.0.7':
+    optional: true
+
   '@types/unist@3.0.3': {}
 
   '@types/use-sync-external-store@1.5.0': {}
 
+  '@types/ws@8.18.1':
+    dependencies:
+      '@types/node': 22.19.17
+
+  '@types/yargs-parser@21.0.3': {}
+
+  '@types/yargs@17.0.35':
+    dependencies:
+      '@types/yargs-parser': 21.0.3
+
   '@typescript-eslint/eslint-plugin@8.46.1(@typescript-eslint/parser@8.46.1(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
@@ -8635,7 +10310,7 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
-  '@vitejs/plugin-react@5.2.0(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))':
+  '@vitejs/plugin-react@5.2.0(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
@@ -8643,7 +10318,7 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-rc.3
       '@types/babel__core': 7.20.5
       react-refresh: 0.18.0
-      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -8659,10 +10334,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-beta.29
-      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
       vue: 3.5.22(typescript@5.9.3)
 
   '@vitejs/plugin-vue@6.0.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))':
@@ -8734,7 +10409,7 @@ snapshots:
       '@vue/shared': 3.5.22
       estree-walker: 2.0.2
       magic-string: 0.30.19
-      postcss: 8.5.6
+      postcss: 8.5.25
       source-map-js: 1.2.1
 
   '@vue/compiler-ssr@3.5.22':
@@ -8802,33 +10477,133 @@ snapshots:
 
   '@vue/shared@3.5.30': {}
 
+  '@webassemblyjs/ast@1.14.1':
+    dependencies:
+      '@webassemblyjs/helper-numbers': 1.13.2
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+
+  '@webassemblyjs/floating-point-hex-parser@1.13.2': {}
+
+  '@webassemblyjs/helper-api-error@1.13.2': {}
+
+  '@webassemblyjs/helper-buffer@1.14.1': {}
+
+  '@webassemblyjs/helper-numbers@1.13.2':
+    dependencies:
+      '@webassemblyjs/floating-point-hex-parser': 1.13.2
+      '@webassemblyjs/helper-api-error': 1.13.2
+      '@xtuc/long': 4.2.2
+
+  '@webassemblyjs/helper-wasm-bytecode@1.13.2': {}
+
+  '@webassemblyjs/helper-wasm-section@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/wasm-gen': 1.14.1
+
+  '@webassemblyjs/ieee754@1.13.2':
+    dependencies:
+      '@xtuc/ieee754': 1.2.0
+
+  '@webassemblyjs/leb128@1.13.2':
+    dependencies:
+      '@xtuc/long': 4.2.2
+
+  '@webassemblyjs/utf8@1.13.2': {}
+
+  '@webassemblyjs/wasm-edit@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/helper-wasm-section': 1.14.1
+      '@webassemblyjs/wasm-gen': 1.14.1
+      '@webassemblyjs/wasm-opt': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+      '@webassemblyjs/wast-printer': 1.14.1
+
+  '@webassemblyjs/wasm-gen@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/ieee754': 1.13.2
+      '@webassemblyjs/leb128': 1.13.2
+      '@webassemblyjs/utf8': 1.13.2
+
+  '@webassemblyjs/wasm-opt@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/wasm-gen': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+
+  '@webassemblyjs/wasm-parser@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-api-error': 1.13.2
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/ieee754': 1.13.2
+      '@webassemblyjs/leb128': 1.13.2
+      '@webassemblyjs/utf8': 1.13.2
+
+  '@webassemblyjs/wast-printer@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@xtuc/long': 4.2.2
+
   '@xterm/addon-fit@0.11.0': {}
 
   '@xterm/xterm@6.0.0': {}
 
+  '@xtuc/ieee754@1.2.0': {}
+
+  '@xtuc/long@4.2.2': {}
+
+  accepts@1.3.8:
+    dependencies:
+      mime-types: 2.1.35
+      negotiator: 0.6.3
+
   accepts@2.0.0:
     dependencies:
       mime-types: 3.0.1
       negotiator: 1.0.0
 
+  acorn-import-attributes@1.9.5(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
   acorn-jsx@5.3.2(acorn@8.15.0):
     dependencies:
       acorn: 8.15.0
 
-  acorn-walk@8.3.4:
+  acorn-walk@8.3.5:
     dependencies:
       acorn: 8.15.0
 
   acorn@8.15.0: {}
 
+  acorn@8.18.0: {}
+
   ajv-draft-04@1.0.0(ajv@8.13.0):
     optionalDependencies:
       ajv: 8.13.0
 
+  ajv-formats@2.1.1(ajv@8.17.1):
+    optionalDependencies:
+      ajv: 8.17.1
+
   ajv-formats@3.0.1(ajv@8.13.0):
     optionalDependencies:
       ajv: 8.13.0
 
+  ajv-keywords@5.1.0(ajv@8.17.1):
+    dependencies:
+      ajv: 8.17.1
+      fast-deep-equal: 3.1.3
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -8989,13 +10764,13 @@ snapshots:
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  autoprefixer@10.5.0(postcss@8.5.10):
+  autoprefixer@10.5.4(postcss@8.5.25):
     dependencies:
-      browserslist: 4.28.2
-      caniuse-lite: 1.0.30001790
+      browserslist: 4.28.7
+      caniuse-lite: 1.0.30001806
       fraction.js: 5.3.4
       picocolors: 1.1.1
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
   available-typed-arrays@1.0.7:
@@ -9031,14 +10806,20 @@ snapshots:
     optionalDependencies:
       solid-js: 1.9.9
 
+  background-only@0.0.1: {}
+
   balanced-match@1.0.2: {}
 
   balanced-match@4.0.4: {}
 
   base64-js@1.5.1: {}
 
+  base64id@2.0.0: {}
+
   baseline-browser-mapping@2.10.21: {}
 
+  baseline-browser-mapping@2.11.11: {}
+
   baseline-browser-mapping@2.8.16: {}
 
   binary-extensions@2.3.0: {}
@@ -9076,10 +10857,16 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
+  browserslist-load-config@1.0.3: {}
+
+  browserslist-to-es-version@1.4.2:
+    dependencies:
+      browserslist: 4.28.2
+
   browserslist@4.26.3:
     dependencies:
       baseline-browser-mapping: 2.8.16
-      caniuse-lite: 1.0.30001750
+      caniuse-lite: 1.0.30001790
       electron-to-chromium: 1.5.235
       node-releases: 2.0.23
       update-browserslist-db: 1.1.3(browserslist@4.26.3)
@@ -9092,6 +10879,14 @@ snapshots:
       node-releases: 2.0.38
       update-browserslist-db: 1.2.3(browserslist@4.28.2)
 
+  browserslist@4.28.7:
+    dependencies:
+      baseline-browser-mapping: 2.11.11
+      caniuse-lite: 1.0.30001806
+      electron-to-chromium: 1.5.399
+      node-releases: 2.0.51
+      update-browserslist-db: 1.2.3(browserslist@4.28.7)
+
   buffer-from@1.1.2: {}
 
   buffer@6.0.3:
@@ -9132,8 +10927,8 @@ snapshots:
 
   caniuse-api@3.0.0:
     dependencies:
-      browserslist: 4.26.3
-      caniuse-lite: 1.0.30001750
+      browserslist: 4.28.2
+      caniuse-lite: 1.0.30001790
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
@@ -9141,6 +10936,8 @@ snapshots:
 
   caniuse-lite@1.0.30001790: {}
 
+  caniuse-lite@1.0.30001806: {}
+
   ccount@2.0.1: {}
 
   chalk@4.1.2:
@@ -9170,6 +10967,10 @@ snapshots:
     dependencies:
       readdirp: 4.1.2
 
+  chrome-trace-event@1.0.4: {}
+
+  ci-info@4.4.0: {}
+
   clean-set@1.1.2: {}
 
   cli-boxes@3.0.0: {}
@@ -9213,6 +11014,8 @@ snapshots:
 
   comma-separated-tokens@2.0.3: {}
 
+  commander@11.1.0: {}
+
   commander@2.20.3: {}
 
   commander@4.1.1: {}
@@ -9265,6 +11068,11 @@ snapshots:
 
   cookie@0.7.2: {}
 
+  cors@2.8.6:
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+
   cosmiconfig@9.0.1(typescript@5.9.3):
     dependencies:
       env-paths: 2.2.1
@@ -9289,12 +11097,26 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  css-declaration-sorter@6.4.1(postcss@8.5.10):
+  css-declaration-sorter@6.4.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  css-declaration-sorter@7.4.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
   css-functions-list@3.3.3: {}
 
+  css-minimizer-webpack-plugin@8.0.0(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25)):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      cssnano: 7.1.9(postcss@8.5.25)
+      jest-worker: 30.4.1
+      postcss: 8.5.25
+      schema-utils: 4.3.3
+      serialize-javascript: 7.0.7
+      webpack: 5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25)
+
   css-select@4.3.0:
     dependencies:
       boolbase: 1.0.0
@@ -9303,11 +11125,24 @@ snapshots:
       domutils: 2.8.0
       nth-check: 2.1.1
 
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
   css-tree@1.1.3:
     dependencies:
       mdn-data: 2.0.14
       source-map: 0.6.1
 
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
   css-tree@3.1.0:
     dependencies:
       mdn-data: 2.12.2
@@ -9322,56 +11157,106 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  cssnano-preset-default@5.2.14(postcss@8.5.10):
-    dependencies:
-      css-declaration-sorter: 6.4.1(postcss@8.5.10)
-      cssnano-utils: 3.1.0(postcss@8.5.10)
-      postcss: 8.5.10
-      postcss-calc: 8.2.4(postcss@8.5.10)
-      postcss-colormin: 5.3.1(postcss@8.5.10)
-      postcss-convert-values: 5.1.3(postcss@8.5.10)
-      postcss-discard-comments: 5.1.2(postcss@8.5.10)
-      postcss-discard-duplicates: 5.1.0(postcss@8.5.10)
-      postcss-discard-empty: 5.1.1(postcss@8.5.10)
-      postcss-discard-overridden: 5.1.0(postcss@8.5.10)
-      postcss-merge-longhand: 5.1.7(postcss@8.5.10)
-      postcss-merge-rules: 5.1.4(postcss@8.5.10)
-      postcss-minify-font-values: 5.1.0(postcss@8.5.10)
-      postcss-minify-gradients: 5.1.1(postcss@8.5.10)
-      postcss-minify-params: 5.1.4(postcss@8.5.10)
-      postcss-minify-selectors: 5.2.1(postcss@8.5.10)
-      postcss-normalize-charset: 5.1.0(postcss@8.5.10)
-      postcss-normalize-display-values: 5.1.0(postcss@8.5.10)
-      postcss-normalize-positions: 5.1.1(postcss@8.5.10)
-      postcss-normalize-repeat-style: 5.1.1(postcss@8.5.10)
-      postcss-normalize-string: 5.1.0(postcss@8.5.10)
-      postcss-normalize-timing-functions: 5.1.0(postcss@8.5.10)
-      postcss-normalize-unicode: 5.1.1(postcss@8.5.10)
-      postcss-normalize-url: 5.1.0(postcss@8.5.10)
-      postcss-normalize-whitespace: 5.1.1(postcss@8.5.10)
-      postcss-ordered-values: 5.1.3(postcss@8.5.10)
-      postcss-reduce-initial: 5.1.2(postcss@8.5.10)
-      postcss-reduce-transforms: 5.1.0(postcss@8.5.10)
-      postcss-svgo: 5.1.0(postcss@8.5.10)
-      postcss-unique-selectors: 5.1.1(postcss@8.5.10)
-
-  cssnano-utils@3.1.0(postcss@8.5.10):
-    dependencies:
-      postcss: 8.5.10
-
-  cssnano@5.1.15(postcss@8.5.10):
-    dependencies:
-      cssnano-preset-default: 5.2.14(postcss@8.5.10)
+  cssnano-preset-default@5.2.14(postcss@8.5.25):
+    dependencies:
+      css-declaration-sorter: 6.4.1(postcss@8.5.25)
+      cssnano-utils: 3.1.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-calc: 8.2.4(postcss@8.5.25)
+      postcss-colormin: 5.3.1(postcss@8.5.25)
+      postcss-convert-values: 5.1.3(postcss@8.5.25)
+      postcss-discard-comments: 5.1.2(postcss@8.5.25)
+      postcss-discard-duplicates: 5.1.0(postcss@8.5.25)
+      postcss-discard-empty: 5.1.1(postcss@8.5.25)
+      postcss-discard-overridden: 5.1.0(postcss@8.5.25)
+      postcss-merge-longhand: 5.1.7(postcss@8.5.25)
+      postcss-merge-rules: 5.1.4(postcss@8.5.25)
+      postcss-minify-font-values: 5.1.0(postcss@8.5.25)
+      postcss-minify-gradients: 5.1.1(postcss@8.5.25)
+      postcss-minify-params: 5.1.4(postcss@8.5.25)
+      postcss-minify-selectors: 5.2.1(postcss@8.5.25)
+      postcss-normalize-charset: 5.1.0(postcss@8.5.25)
+      postcss-normalize-display-values: 5.1.0(postcss@8.5.25)
+      postcss-normalize-positions: 5.1.1(postcss@8.5.25)
+      postcss-normalize-repeat-style: 5.1.1(postcss@8.5.25)
+      postcss-normalize-string: 5.1.0(postcss@8.5.25)
+      postcss-normalize-timing-functions: 5.1.0(postcss@8.5.25)
+      postcss-normalize-unicode: 5.1.1(postcss@8.5.25)
+      postcss-normalize-url: 5.1.0(postcss@8.5.25)
+      postcss-normalize-whitespace: 5.1.1(postcss@8.5.25)
+      postcss-ordered-values: 5.1.3(postcss@8.5.25)
+      postcss-reduce-initial: 5.1.2(postcss@8.5.25)
+      postcss-reduce-transforms: 5.1.0(postcss@8.5.25)
+      postcss-svgo: 5.1.0(postcss@8.5.25)
+      postcss-unique-selectors: 5.1.1(postcss@8.5.25)
+
+  cssnano-preset-default@7.0.17(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      css-declaration-sorter: 7.4.0(postcss@8.5.25)
+      cssnano-utils: 5.0.3(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-calc: 10.1.1(postcss@8.5.25)
+      postcss-colormin: 7.0.10(postcss@8.5.25)
+      postcss-convert-values: 7.0.12(postcss@8.5.25)
+      postcss-discard-comments: 7.0.8(postcss@8.5.25)
+      postcss-discard-duplicates: 7.0.4(postcss@8.5.25)
+      postcss-discard-empty: 7.0.3(postcss@8.5.25)
+      postcss-discard-overridden: 7.0.3(postcss@8.5.25)
+      postcss-merge-longhand: 7.0.7(postcss@8.5.25)
+      postcss-merge-rules: 7.0.11(postcss@8.5.25)
+      postcss-minify-font-values: 7.0.3(postcss@8.5.25)
+      postcss-minify-gradients: 7.0.5(postcss@8.5.25)
+      postcss-minify-params: 7.0.9(postcss@8.5.25)
+      postcss-minify-selectors: 7.1.2(postcss@8.5.25)
+      postcss-normalize-charset: 7.0.3(postcss@8.5.25)
+      postcss-normalize-display-values: 7.0.3(postcss@8.5.25)
+      postcss-normalize-positions: 7.0.4(postcss@8.5.25)
+      postcss-normalize-repeat-style: 7.0.4(postcss@8.5.25)
+      postcss-normalize-string: 7.0.3(postcss@8.5.25)
+      postcss-normalize-timing-functions: 7.0.3(postcss@8.5.25)
+      postcss-normalize-unicode: 7.0.9(postcss@8.5.25)
+      postcss-normalize-url: 7.0.3(postcss@8.5.25)
+      postcss-normalize-whitespace: 7.0.3(postcss@8.5.25)
+      postcss-ordered-values: 7.0.4(postcss@8.5.25)
+      postcss-reduce-initial: 7.0.9(postcss@8.5.25)
+      postcss-reduce-transforms: 7.0.3(postcss@8.5.25)
+      postcss-svgo: 7.1.3(postcss@8.5.25)
+      postcss-unique-selectors: 7.0.7(postcss@8.5.25)
+
+  cssnano-utils@3.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  cssnano-utils@5.0.3(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  cssnano@5.1.15(postcss@8.5.25):
+    dependencies:
+      cssnano-preset-default: 5.2.14(postcss@8.5.25)
       lilconfig: 2.1.0
-      postcss: 8.5.10
+      postcss: 8.5.25
       yaml: 1.10.2
 
+  cssnano@7.1.9(postcss@8.5.25):
+    dependencies:
+      cssnano-preset-default: 7.0.17(postcss@8.5.25)
+      lilconfig: 3.1.3
+      postcss: 8.5.25
+
   csso@4.2.0:
     dependencies:
       css-tree: 1.1.3
 
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
   csstype@3.1.3: {}
 
+  csstype@3.2.3: {}
+
   d@1.0.2:
     dependencies:
       es5-ext: 0.10.64
@@ -9409,12 +11294,20 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  debug@4.3.7:
+    dependencies:
+      ms: 2.1.3
+
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
 
   dedent-js@1.0.1: {}
 
+  deep-eql@4.1.4:
+    dependencies:
+      type-detect: 4.1.0
+
   deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
@@ -9468,18 +11361,38 @@ snapshots:
       domhandler: 4.3.1
       entities: 2.2.0
 
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
   domelementtype@2.3.0: {}
 
   domhandler@4.3.1:
     dependencies:
       domelementtype: 2.3.0
 
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  dompurify@3.4.12:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
   domutils@2.8.0:
     dependencies:
       dom-serializer: 1.4.1
       domelementtype: 2.3.0
       domhandler: 4.3.1
 
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
   dotenv@16.6.1: {}
 
   dts-bundle-generator@9.5.1:
@@ -9501,6 +11414,8 @@ snapshots:
 
   electron-to-chromium@1.5.344: {}
 
+  electron-to-chromium@1.5.399: {}
+
   emoji-regex@10.6.0: {}
 
   emoji-regex@8.0.0: {}
@@ -9513,6 +11428,30 @@ snapshots:
     dependencies:
       once: 1.4.0
 
+  engine.io-parser@5.2.3: {}
+
+  engine.io@6.6.9:
+    dependencies:
+      '@types/cors': 2.8.19
+      '@types/node': 22.19.17
+      '@types/ws': 8.18.1
+      accepts: 1.3.8
+      base64id: 2.0.0
+      cookie: 0.7.2
+      cors: 2.8.6
+      debug: 4.4.3
+      engine.io-parser: 5.2.3
+      ws: 8.21.1
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  enhanced-resolve@5.24.5:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
   entities@2.2.0: {}
 
   entities@4.5.0: {}
@@ -9521,6 +11460,8 @@ snapshots:
 
   env-paths@2.2.1: {}
 
+  envinfo@7.21.0: {}
+
   environment@1.1.0: {}
 
   error-ex@1.3.4:
@@ -9609,6 +11550,8 @@ snapshots:
 
   es-module-lexer@1.7.0: {}
 
+  es-module-lexer@2.3.1: {}
+
   es-object-atoms@1.1.1:
     dependencies:
       es-errors: 1.3.0
@@ -9634,6 +11577,8 @@ snapshots:
 
   es-toolkit@1.45.1: {}
 
+  es-toolkit@1.50.0: {}
+
   es5-ext@0.10.64:
     dependencies:
       es6-iterator: 2.0.3
@@ -9722,8 +11667,8 @@ snapshots:
       '@next/eslint-plugin-next': 16.2.4
       eslint: 9.37.0(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.37.0(jiti@1.21.7))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.37.0(jiti@1.21.7))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7))
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.37.0(jiti@1.21.7))
       eslint-plugin-react: 7.37.5(eslint@9.37.0(jiti@1.21.7))
       eslint-plugin-react-hooks: 7.1.1(eslint@9.37.0(jiti@1.21.7))
@@ -9756,7 +11701,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.37.0(jiti@1.21.7)):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.3
@@ -9767,7 +11712,7 @@ snapshots:
       tinyglobby: 0.2.15
       unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.37.0(jiti@1.21.7))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
@@ -9786,14 +11731,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.37.0(jiti@1.21.7)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       '@typescript-eslint/parser': 8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3)
       eslint: 9.37.0(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.37.0(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
@@ -9808,7 +11753,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.37.0(jiti@1.21.7)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-typescript@4.4.4)(eslint@9.37.0(jiti@1.21.7)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -9819,7 +11764,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.37.0(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -9837,7 +11782,7 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-typescript@4.4.4)(eslint@9.37.0(jiti@1.21.7)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -9848,7 +11793,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.37.0(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7)))(eslint@9.37.0(jiti@1.21.7))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.59.0(eslint@9.37.0(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.37.0(jiti@1.21.7))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -9940,7 +11885,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-svelte@3.12.4(eslint@9.37.0(jiti@1.21.7))(svelte@5.39.12)(ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3)):
+  eslint-plugin-svelte@3.12.4(eslint@9.37.0(jiti@1.21.7))(svelte@5.39.12)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3)):
     dependencies:
       '@eslint-community/eslint-utils': 4.9.0(eslint@9.37.0(jiti@1.21.7))
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -9948,9 +11893,9 @@ snapshots:
       esutils: 2.0.3
       globals: 16.4.0
       known-css-properties: 0.37.0
-      postcss: 8.5.6
-      postcss-load-config: 3.1.4(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3))
-      postcss-safe-parser: 7.0.1(postcss@8.5.6)
+      postcss: 8.5.25
+      postcss-load-config: 3.1.4(postcss@8.5.25)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3))
+      postcss-safe-parser: 7.0.1(postcss@8.5.25)
       semver: 7.7.3
       svelte-eslint-parser: 1.3.3(svelte@5.39.12)
     optionalDependencies:
@@ -9958,6 +11903,11 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
+  eslint-scope@5.1.1:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
+
   eslint-scope@8.4.0:
     dependencies:
       esrecurse: 4.3.0
@@ -10038,6 +11988,8 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
+  estraverse@4.3.0: {}
+
   estraverse@5.3.0: {}
 
   estree-walker@0.6.1: {}
@@ -10059,6 +12011,10 @@ snapshots:
 
   eventemitter3@4.0.7: {}
 
+  eventemitter3@5.0.4: {}
+
+  events@3.3.0: {}
+
   express@5.1.0:
     dependencies:
       accepts: 2.0.0
@@ -10145,6 +12101,8 @@ snapshots:
     dependencies:
       flat-cache: 4.0.1
 
+  filesize@11.0.22: {}
+
   fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
@@ -10258,6 +12216,8 @@ snapshots:
 
   get-nonce@1.0.1: {}
 
+  get-port@5.1.1: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -10398,6 +12358,13 @@ snapshots:
 
   html-void-elements@3.0.0: {}
 
+  htmlparser2@10.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 6.0.1
+
   http-errors@2.0.0:
     dependencies:
       depd: 2.0.0
@@ -10418,9 +12385,9 @@ snapshots:
 
   icss-replace-symbols@1.1.0: {}
 
-  icss-utils@5.1.0(postcss@8.5.10):
+  icss-utils@5.1.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
   ieee754@1.2.1: {}
 
@@ -10666,6 +12633,31 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
+  jest-regex-util@30.4.0: {}
+
+  jest-util@30.4.1:
+    dependencies:
+      '@jest/types': 30.4.1
+      '@types/node': 22.19.17
+      chalk: 4.1.2
+      ci-info: 4.4.0
+      graceful-fs: 4.2.11
+      picomatch: 4.0.3
+
+  jest-worker@27.5.1:
+    dependencies:
+      '@types/node': 22.19.17
+      merge-stream: 2.0.0
+      supports-color: 8.1.1
+
+  jest-worker@30.4.1:
+    dependencies:
+      '@types/node': 22.19.17
+      '@ungap/structured-clone': 1.3.0
+      jest-util: 30.4.1
+      merge-stream: 2.0.0
+      supports-color: 8.1.1
+
   jiti@1.21.7: {}
 
   jju@1.4.0: {}
@@ -10690,6 +12682,8 @@ snapshots:
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
+  json-stream-stringify@3.0.1: {}
+
   json5@1.0.2:
     dependencies:
       minimist: 1.2.8
@@ -10735,6 +12729,11 @@ snapshots:
     dependencies:
       language-subtag-registry: 0.3.23
 
+  launch-editor@2.14.1:
+    dependencies:
+      picocolors: 1.1.1
+      shell-quote: 1.10.0
+
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -10746,6 +12745,12 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
+  lines-and-columns@2.0.4: {}
+
+  linkify-it@5.0.2:
+    dependencies:
+      uc.micro: 2.1.0
+
   loader-utils@3.3.1: {}
 
   local-pkg@1.1.2:
@@ -10802,6 +12807,15 @@ snapshots:
 
   make-error@1.3.6: {}
 
+  markdown-it@14.3.0:
+    dependencies:
+      argparse: 2.0.1
+      entities: 4.5.0
+      linkify-it: 5.0.2
+      mdurl: 2.1.0
+      punycode.js: 2.3.1
+      uc.micro: 2.1.0
+
   math-intrinsics@1.1.0: {}
 
   mathml-tag-names@4.0.0: {}
@@ -10820,12 +12834,16 @@ snapshots:
 
   mdn-data@2.0.14: {}
 
+  mdn-data@2.0.28: {}
+
   mdn-data@2.12.2: {}
 
   mdn-data@2.27.1: {}
 
   mdn-data@2.28.0: {}
 
+  mdurl@2.1.0: {}
+
   media-typer@1.1.0: {}
 
   meow@14.1.0: {}
@@ -10836,6 +12854,8 @@ snapshots:
 
   merge-descriptors@2.0.0: {}
 
+  merge-stream@2.0.0: {}
+
   merge2@1.4.1: {}
 
   micromark-util-character@2.1.1:
@@ -10892,6 +12912,17 @@ snapshots:
 
   minimist@1.2.8: {}
 
+  minimizer-webpack-plugin@5.6.1(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25)(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25)):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      jest-worker: 27.5.1
+      schema-utils: 4.3.3
+      terser: 5.44.0
+      webpack: 5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25)
+    optionalDependencies:
+      '@swc/core': 1.15.30(@swc/helpers@0.5.23)
+      postcss: 8.5.25
+
   minipass@7.1.2: {}
 
   mlly@1.8.0:
@@ -10923,14 +12954,20 @@ snapshots:
 
   nanoid@3.3.11: {}
 
+  nanoid@3.3.17: {}
+
   napi-postinstall@0.3.4: {}
 
   natural-compare@1.4.0: {}
 
+  negotiator@0.6.3: {}
+
   negotiator@0.6.4: {}
 
   negotiator@1.0.0: {}
 
+  neo-async@2.6.2: {}
+
   next-tick@1.1.0: {}
 
   next@16.2.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
@@ -10961,6 +12998,8 @@ snapshots:
 
   node-releases@2.0.38: {}
 
+  node-releases@2.0.51: {}
+
   normalize-path@3.0.0: {}
 
   normalize-range@0.1.2: {}
@@ -11187,21 +13226,27 @@ snapshots:
 
   possible-typed-array-names@1.1.0: {}
 
-  postcss-calc@8.2.4(postcss@8.5.10):
+  postcss-calc@10.1.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
+      postcss-value-parser: 4.2.0
+
+  postcss-calc@8.2.4(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
 
-  postcss-cli@11.0.1(jiti@1.21.7)(postcss@8.5.10):
+  postcss-cli@11.0.1(jiti@1.21.7)(postcss@8.5.25):
     dependencies:
       chokidar: 3.6.0
       dependency-graph: 1.0.0
       fs-extra: 11.3.2
       picocolors: 1.1.1
-      postcss: 8.5.10
-      postcss-load-config: 5.1.0(jiti@1.21.7)(postcss@8.5.10)
-      postcss-reporter: 7.1.0(postcss@8.5.10)
+      postcss: 8.5.25
+      postcss-load-config: 5.1.0(jiti@1.21.7)(postcss@8.5.25)
+      postcss-reporter: 7.1.0(postcss@8.5.25)
       pretty-hrtime: 1.0.3
       read-cache: 1.0.0
       slash: 5.1.0
@@ -11211,306 +13256,394 @@ snapshots:
       - jiti
       - tsx
 
-  postcss-colormin@5.3.1(postcss@8.5.10):
+  postcss-colormin@5.3.1(postcss@8.5.25):
     dependencies:
-      browserslist: 4.26.3
+      browserslist: 4.28.2
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-convert-values@5.1.3(postcss@8.5.10):
+  postcss-colormin@7.0.10(postcss@8.5.25):
     dependencies:
-      browserslist: 4.26.3
-      postcss: 8.5.10
+      '@colordx/core': 5.5.0
+      browserslist: 4.28.2
+      caniuse-api: 3.0.0
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-convert-values@5.1.3(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-discard-comments@5.1.2(postcss@8.5.10):
+  postcss-convert-values@7.0.12(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      browserslist: 4.28.2
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-discard-duplicates@5.1.0(postcss@8.5.10):
+  postcss-discard-comments@5.1.2(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
-  postcss-discard-empty@5.1.1(postcss@8.5.10):
+  postcss-discard-comments@7.0.8(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
 
-  postcss-discard-overridden@5.1.0(postcss@8.5.10):
+  postcss-discard-duplicates@5.1.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
-  postcss-import@15.1.0(postcss@8.5.10):
+  postcss-discard-duplicates@7.0.4(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.10
+      postcss: 8.5.25
 
-  postcss-import@15.1.0(postcss@8.5.6):
+  postcss-discard-empty@5.1.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.25
+
+  postcss-discard-empty@7.0.3(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-discard-overridden@5.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-discard-overridden@7.0.3(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-import@15.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.10
 
-  postcss-import@16.1.1(postcss@8.5.10):
+  postcss-import@16.1.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.10
 
-  postcss-js@4.1.0(postcss@8.5.10):
+  postcss-js@4.1.0(postcss@8.5.25):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.5.10
-
-  postcss-js@4.1.0(postcss@8.5.6):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.5.6
-
-  postcss-load-config@3.1.4(postcss@8.5.10)(ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3)):
-    dependencies:
-      lilconfig: 2.1.0
-      yaml: 1.10.2
-    optionalDependencies:
-      postcss: 8.5.10
-      ts-node: 10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3)
+      postcss: 8.5.25
 
-  postcss-load-config@3.1.4(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3)):
+  postcss-load-config@3.1.4(postcss@8.5.25)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3)):
     dependencies:
       lilconfig: 2.1.0
       yaml: 1.10.2
     optionalDependencies:
-      postcss: 8.5.6
-      ts-node: 10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3)
+      postcss: 8.5.25
+      ts-node: 10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3)
 
-  postcss-load-config@5.1.0(jiti@1.21.7)(postcss@8.5.10):
+  postcss-load-config@5.1.0(jiti@1.21.7)(postcss@8.5.25):
     dependencies:
       lilconfig: 3.1.3
       yaml: 2.8.1
     optionalDependencies:
       jiti: 1.21.7
-      postcss: 8.5.10
-
-  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.10)(yaml@2.8.1):
-    dependencies:
-      lilconfig: 3.1.3
-    optionalDependencies:
-      jiti: 1.21.7
-      postcss: 8.5.10
-      yaml: 2.8.1
+      postcss: 8.5.25
 
-  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.6)(yaml@2.8.1):
+  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.25)(yaml@2.8.1):
     dependencies:
       lilconfig: 3.1.3
     optionalDependencies:
       jiti: 1.21.7
-      postcss: 8.5.6
+      postcss: 8.5.25
       yaml: 2.8.1
 
   postcss-media-query-parser@0.2.3: {}
 
-  postcss-merge-longhand@5.1.7(postcss@8.5.10):
+  postcss-merge-longhand@5.1.7(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
-      stylehacks: 5.1.1(postcss@8.5.10)
+      stylehacks: 5.1.1(postcss@8.5.25)
 
-  postcss-merge-rules@5.1.4(postcss@8.5.10):
+  postcss-merge-longhand@7.0.7(postcss@8.5.25):
     dependencies:
-      browserslist: 4.26.3
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+      stylehacks: 7.0.11(postcss@8.5.25)
+
+  postcss-merge-rules@5.1.4(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
       caniuse-api: 3.0.0
-      cssnano-utils: 3.1.0(postcss@8.5.10)
-      postcss: 8.5.10
+      cssnano-utils: 3.1.0(postcss@8.5.25)
+      postcss: 8.5.25
       postcss-selector-parser: 6.1.2
 
-  postcss-minify-font-values@5.1.0(postcss@8.5.10):
+  postcss-merge-rules@7.0.11(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      caniuse-api: 3.0.0
+      cssnano-utils: 5.0.3(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
+
+  postcss-minify-font-values@5.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-font-values@7.0.3(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-minify-gradients@5.1.1(postcss@8.5.10):
+  postcss-minify-gradients@5.1.1(postcss@8.5.25):
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 3.1.0(postcss@8.5.10)
-      postcss: 8.5.10
+      cssnano-utils: 3.1.0(postcss@8.5.25)
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-minify-params@5.1.4(postcss@8.5.10):
+  postcss-minify-gradients@7.0.5(postcss@8.5.25):
     dependencies:
-      browserslist: 4.26.3
-      cssnano-utils: 3.1.0(postcss@8.5.10)
-      postcss: 8.5.10
+      '@colordx/core': 5.5.0
+      cssnano-utils: 5.0.3(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-params@5.1.4(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      cssnano-utils: 3.1.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-params@7.0.9(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      cssnano-utils: 5.0.3(postcss@8.5.25)
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-minify-selectors@5.2.1(postcss@8.5.10):
+  postcss-minify-selectors@5.2.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-selector-parser: 6.1.2
 
-  postcss-mixins@12.1.2(postcss@8.5.10):
+  postcss-minify-selectors@7.1.2(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      caniuse-api: 3.0.0
+      cssesc: 3.0.0
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
+
+  postcss-mixins@12.1.2(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
-      postcss-js: 4.1.0(postcss@8.5.10)
-      postcss-simple-vars: 7.0.1(postcss@8.5.10)
-      sugarss: 5.0.1(postcss@8.5.10)
+      postcss: 8.5.25
+      postcss-js: 4.1.0(postcss@8.5.25)
+      postcss-simple-vars: 7.0.1(postcss@8.5.25)
+      sugarss: 5.0.1(postcss@8.5.25)
       tinyglobby: 0.2.15
 
-  postcss-modules-extract-imports@3.1.0(postcss@8.5.10):
+  postcss-modules-extract-imports@3.1.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
-  postcss-modules-local-by-default@4.2.0(postcss@8.5.10):
+  postcss-modules-local-by-default@4.2.0(postcss@8.5.25):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.5.10)
-      postcss: 8.5.10
-      postcss-selector-parser: 7.1.0
+      icss-utils: 5.1.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
       postcss-value-parser: 4.2.0
 
-  postcss-modules-scope@3.2.1(postcss@8.5.10):
+  postcss-modules-scope@3.2.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
-      postcss-selector-parser: 7.1.0
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
 
-  postcss-modules-values@4.0.0(postcss@8.5.10):
+  postcss-modules-values@4.0.0(postcss@8.5.25):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.5.10)
-      postcss: 8.5.10
+      icss-utils: 5.1.0(postcss@8.5.25)
+      postcss: 8.5.25
 
-  postcss-modules@4.3.1(postcss@8.5.10):
+  postcss-modules@4.3.1(postcss@8.5.25):
     dependencies:
       generic-names: 4.0.0
       icss-replace-symbols: 1.1.0
       lodash.camelcase: 4.3.0
-      postcss: 8.5.10
-      postcss-modules-extract-imports: 3.1.0(postcss@8.5.10)
-      postcss-modules-local-by-default: 4.2.0(postcss@8.5.10)
-      postcss-modules-scope: 3.2.1(postcss@8.5.10)
-      postcss-modules-values: 4.0.0(postcss@8.5.10)
+      postcss: 8.5.25
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.25)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.25)
+      postcss-modules-scope: 3.2.1(postcss@8.5.25)
+      postcss-modules-values: 4.0.0(postcss@8.5.25)
       string-hash: 1.1.3
 
-  postcss-nested@6.2.0(postcss@8.5.10):
+  postcss-nested@6.2.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-selector-parser: 6.1.2
 
-  postcss-nested@6.2.0(postcss@8.5.6):
+  postcss-nested@7.0.2(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.6
-      postcss-selector-parser: 6.1.2
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
 
-  postcss-nested@7.0.2(postcss@8.5.10):
+  postcss-normalize-charset@5.1.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
-      postcss-selector-parser: 7.1.0
+      postcss: 8.5.25
 
-  postcss-normalize-charset@5.1.0(postcss@8.5.10):
+  postcss-normalize-charset@7.0.3(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
-  postcss-normalize-display-values@5.1.0(postcss@8.5.10):
+  postcss-normalize-display-values@5.1.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-positions@5.1.1(postcss@8.5.10):
+  postcss-normalize-display-values@7.0.3(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-repeat-style@5.1.1(postcss@8.5.10):
+  postcss-normalize-positions@5.1.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-string@5.1.0(postcss@8.5.10):
+  postcss-normalize-positions@7.0.4(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-timing-functions@5.1.0(postcss@8.5.10):
+  postcss-normalize-repeat-style@5.1.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-unicode@5.1.1(postcss@8.5.10):
+  postcss-normalize-repeat-style@7.0.4(postcss@8.5.25):
     dependencies:
-      browserslist: 4.26.3
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-url@5.1.0(postcss@8.5.10):
+  postcss-normalize-string@5.1.0(postcss@8.5.25):
     dependencies:
-      normalize-url: 6.1.0
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-whitespace@5.1.1(postcss@8.5.10):
+  postcss-normalize-string@7.0.3(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-ordered-values@5.1.3(postcss@8.5.10):
+  postcss-normalize-timing-functions@5.1.0(postcss@8.5.25):
     dependencies:
-      cssnano-utils: 3.1.0(postcss@8.5.10)
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-prefix-selector@2.1.1(postcss@8.5.10):
+  postcss-normalize-timing-functions@7.0.3(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-preset-mantine@1.18.0(postcss@8.5.10):
+  postcss-normalize-unicode@5.1.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
-      postcss-mixins: 12.1.2(postcss@8.5.10)
-      postcss-nested: 7.0.2(postcss@8.5.10)
+      browserslist: 4.28.2
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-reduce-initial@5.1.2(postcss@8.5.10):
+  postcss-normalize-unicode@7.0.9(postcss@8.5.25):
     dependencies:
-      browserslist: 4.26.3
-      caniuse-api: 3.0.0
-      postcss: 8.5.10
+      browserslist: 4.28.2
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-reduce-transforms@5.1.0(postcss@8.5.10):
+  postcss-normalize-url@5.1.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      normalize-url: 6.1.0
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
 
-  postcss-reporter@7.1.0(postcss@8.5.10):
+  postcss-normalize-url@7.0.3(postcss@8.5.25):
     dependencies:
-      picocolors: 1.1.1
-      postcss: 8.5.10
-      thenby: 1.3.4
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-resolve-nested-selector@0.1.6: {}
+  postcss-normalize-whitespace@5.1.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-safe-parser@7.0.1(postcss@8.5.10):
+  postcss-normalize-whitespace@7.0.3(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-safe-parser@7.0.1(postcss@8.5.6):
+  postcss-ordered-values@5.1.3(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.6
+      cssnano-utils: 3.1.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-scss@4.0.9(postcss@8.5.10):
+  postcss-ordered-values@7.0.4(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      cssnano-utils: 5.0.3(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-scss@4.0.9(postcss@8.5.6):
+  postcss-prefix-selector@2.1.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.25
 
-  postcss-selector-parser@6.1.2:
+  postcss-preset-mantine@1.18.0(postcss@8.5.25):
     dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
+      postcss: 8.5.25
+      postcss-mixins: 12.1.2(postcss@8.5.25)
+      postcss-nested: 7.0.2(postcss@8.5.25)
+
+  postcss-reduce-initial@5.1.2(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      caniuse-api: 3.0.0
+      postcss: 8.5.25
+
+  postcss-reduce-initial@7.0.9(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      caniuse-api: 3.0.0
+      postcss: 8.5.25
+
+  postcss-reduce-transforms@5.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-reduce-transforms@7.0.3(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
 
-  postcss-selector-parser@7.1.0:
+  postcss-reporter@7.1.0(postcss@8.5.25):
+    dependencies:
+      picocolors: 1.1.1
+      postcss: 8.5.25
+      thenby: 1.3.4
+
+  postcss-resolve-nested-selector@0.1.6: {}
+
+  postcss-safe-parser@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-scss@4.0.9(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-selector-parser@6.1.2:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
@@ -11520,25 +13653,36 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-simple-vars@7.0.1(postcss@8.5.10):
+  postcss-simple-vars@7.0.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
-  postcss-sorting@9.1.0(postcss@8.5.10):
+  postcss-sorting@9.1.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
-  postcss-svgo@5.1.0(postcss@8.5.10):
+  postcss-svgo@5.1.0(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-value-parser: 4.2.0
       svgo: 2.8.0
 
-  postcss-unique-selectors@5.1.1(postcss@8.5.10):
+  postcss-svgo@7.1.3(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+      svgo: 4.0.2
+
+  postcss-unique-selectors@5.1.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
       postcss-selector-parser: 6.1.2
 
+  postcss-unique-selectors@7.0.7(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
+
   postcss-value-parser@4.2.0: {}
 
   postcss@8.4.31:
@@ -11547,9 +13691,9 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  postcss@8.5.10:
+  postcss@8.5.25:
     dependencies:
-      nanoid: 3.3.11
+      nanoid: 3.3.17
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
@@ -11617,12 +13761,12 @@ snapshots:
       lodash: 4.18.1
       pino: 9.14.0
       pino-pretty: 13.1.2
-      postcss: 8.5.10
+      postcss: 8.5.25
       prettier: 3.8.3
       rollup: 4.60.2
       stylelint: 17.8.0(typescript@5.9.3)
       stylelint-config-standard: 40.0.0(stylelint@17.8.0(typescript@5.9.3))
-      stylelint-config-standard-scss: 17.0.0(postcss@8.5.10)(stylelint@17.8.0(typescript@5.9.3))
+      stylelint-config-standard-scss: 17.0.0(postcss@8.5.25)(stylelint@17.8.0(typescript@5.9.3))
       stylelint-order: 7.0.1(stylelint@17.8.0(typescript@5.9.3))
       stylelint-prettier: 5.0.3(prettier@3.8.3)(stylelint@17.8.0(typescript@5.9.3))
       stylelint-scss: 7.0.0(stylelint@17.8.0(typescript@5.9.3))
@@ -11666,6 +13810,8 @@ snapshots:
       end-of-stream: 1.4.5
       once: 1.4.0
 
+  punycode.js@2.3.1: {}
+
   punycode@2.3.1: {}
 
   qified@0.9.1:
@@ -11781,6 +13927,8 @@ snapshots:
 
   real-require@0.2.0: {}
 
+  reduce-configs@1.1.2: {}
+
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
@@ -11840,17 +13988,17 @@ snapshots:
 
   reusify@1.1.0: {}
 
-  rollup-plugin-postcss@4.0.2(postcss@8.5.10)(ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3)):
+  rollup-plugin-postcss@4.0.2(postcss@8.5.25)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3)):
     dependencies:
       chalk: 4.1.2
       concat-with-sourcemaps: 1.1.0
-      cssnano: 5.1.15(postcss@8.5.10)
+      cssnano: 5.1.15(postcss@8.5.25)
       import-cwd: 3.0.0
       p-queue: 6.6.2
       pify: 5.0.0
-      postcss: 8.5.10
-      postcss-load-config: 3.1.4(postcss@8.5.10)(ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3))
-      postcss-modules: 4.3.1(postcss@8.5.10)
+      postcss: 8.5.25
+      postcss-load-config: 3.1.4(postcss@8.5.25)(ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3))
+      postcss-modules: 4.3.1(postcss@8.5.25)
       promise.series: 0.2.0
       resolve: 1.22.10
       rollup-pluginutils: 2.8.2
@@ -11932,8 +14080,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  rsbuild-plugin-tailwindcss@0.2.4(@rsbuild/core@2.1.7)(tailwindcss@3.4.19(yaml@2.8.1)):
+    dependencies:
+      tailwindcss: 3.4.19(yaml@2.8.1)
+    optionalDependencies:
+      '@rsbuild/core': 2.1.7
+
   rsc-html-stream@0.0.7: {}
 
+  rslog@2.3.0: {}
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -11969,10 +14125,19 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
+  sax@1.6.1: {}
+
   scheduler@0.26.0: {}
 
   scheduler@0.27.0: {}
 
+  schema-utils@4.3.3:
+    dependencies:
+      '@types/json-schema': 7.0.15
+      ajv: 8.17.1
+      ajv-formats: 2.1.1(ajv@8.17.1)
+      ajv-keywords: 5.1.0(ajv@8.17.1)
+
   scule@1.3.0: {}
 
   secure-json-parse@4.1.0: {}
@@ -11985,6 +14150,8 @@ snapshots:
 
   semver@7.7.3: {}
 
+  semver@7.8.5: {}
+
   send@1.2.0:
     dependencies:
       debug: 4.4.3
@@ -12005,6 +14172,8 @@ snapshots:
     dependencies:
       randombytes: 2.1.0
 
+  serialize-javascript@7.0.7: {}
+
   seroval-plugins@1.3.3(seroval@1.3.2):
     dependencies:
       seroval: 1.3.2
@@ -12084,6 +14253,8 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  shell-quote@1.10.0: {}
+
   shiki@3.23.0:
     dependencies:
       '@shikijs/core': 3.23.0
@@ -12153,6 +14324,36 @@ snapshots:
 
   smob@1.5.0: {}
 
+  socket.io-adapter@2.5.8:
+    dependencies:
+      debug: 4.4.3
+      ws: 8.21.1
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  socket.io-parser@4.2.7:
+    dependencies:
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  socket.io@4.8.1:
+    dependencies:
+      accepts: 1.3.8
+      base64id: 2.0.0
+      cors: 2.8.6
+      debug: 4.3.7
+      engine.io: 6.6.9
+      socket.io-adapter: 2.5.8
+      socket.io-parser: 4.2.7
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
   solid-js@1.9.9:
     dependencies:
       csstype: 3.1.3
@@ -12181,6 +14382,8 @@ snapshots:
 
   source-map@0.6.1: {}
 
+  source-map@0.7.6: {}
+
   space-separated-tokens@2.0.2: {}
 
   split2@4.2.0: {}
@@ -12229,7 +14432,7 @@ snapshots:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
 
   string-width@7.2.0:
     dependencies:
@@ -12305,6 +14508,10 @@ snapshots:
     dependencies:
       ansi-regex: 6.2.2
 
+  strip-ansi@7.2.0:
+    dependencies:
+      ansi-regex: 6.2.2
+
   strip-bom@3.0.0: {}
 
   strip-json-comments@3.1.1: {}
@@ -12324,32 +14531,38 @@ snapshots:
       client-only: 0.0.1
       react: 19.2.0
 
-  stylehacks@5.1.1(postcss@8.5.10):
+  stylehacks@5.1.1(postcss@8.5.25):
     dependencies:
-      browserslist: 4.26.3
-      postcss: 8.5.10
+      browserslist: 4.28.2
+      postcss: 8.5.25
       postcss-selector-parser: 6.1.2
 
-  stylelint-config-recommended-scss@17.0.1(postcss@8.5.10)(stylelint@17.8.0(typescript@5.9.3)):
+  stylehacks@7.0.11(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.2
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.1
+
+  stylelint-config-recommended-scss@17.0.1(postcss@8.5.25)(stylelint@17.8.0(typescript@5.9.3)):
     dependencies:
-      postcss-scss: 4.0.9(postcss@8.5.10)
+      postcss-scss: 4.0.9(postcss@8.5.25)
       stylelint: 17.8.0(typescript@5.9.3)
       stylelint-config-recommended: 18.0.0(stylelint@17.8.0(typescript@5.9.3))
       stylelint-scss: 7.0.0(stylelint@17.8.0(typescript@5.9.3))
     optionalDependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
   stylelint-config-recommended@18.0.0(stylelint@17.8.0(typescript@5.9.3)):
     dependencies:
       stylelint: 17.8.0(typescript@5.9.3)
 
-  stylelint-config-standard-scss@17.0.0(postcss@8.5.10)(stylelint@17.8.0(typescript@5.9.3)):
+  stylelint-config-standard-scss@17.0.0(postcss@8.5.25)(stylelint@17.8.0(typescript@5.9.3)):
     dependencies:
       stylelint: 17.8.0(typescript@5.9.3)
-      stylelint-config-recommended-scss: 17.0.1(postcss@8.5.10)(stylelint@17.8.0(typescript@5.9.3))
+      stylelint-config-recommended-scss: 17.0.1(postcss@8.5.25)(stylelint@17.8.0(typescript@5.9.3))
       stylelint-config-standard: 40.0.0(stylelint@17.8.0(typescript@5.9.3))
     optionalDependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
   stylelint-config-standard@40.0.0(stylelint@17.8.0(typescript@5.9.3)):
     dependencies:
@@ -12358,8 +14571,8 @@ snapshots:
 
   stylelint-order@7.0.1(stylelint@17.8.0(typescript@5.9.3)):
     dependencies:
-      postcss: 8.5.10
-      postcss-sorting: 9.1.0(postcss@8.5.10)
+      postcss: 8.5.25
+      postcss-sorting: 9.1.0(postcss@8.5.25)
       stylelint: 17.8.0(typescript@5.9.3)
 
   stylelint-prettier@5.0.3(prettier@3.8.3)(stylelint@17.8.0(typescript@5.9.3)):
@@ -12409,8 +14622,8 @@ snapshots:
       micromatch: 4.0.8
       normalize-path: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.10
-      postcss-safe-parser: 7.0.1(postcss@8.5.10)
+      postcss: 8.5.25
+      postcss-safe-parser: 7.0.1(postcss@8.5.25)
       postcss-selector-parser: 7.1.1
       postcss-value-parser: 4.2.0
       string-width: 8.2.0
@@ -12432,9 +14645,9 @@ snapshots:
       pirates: 4.0.7
       ts-interface-checker: 0.1.13
 
-  sugarss@5.0.1(postcss@8.5.10):
+  sugarss@5.0.1(postcss@8.5.25):
     dependencies:
-      postcss: 8.5.10
+      postcss: 8.5.25
 
   sugarss@5.0.1(postcss@8.5.6):
     dependencies:
@@ -12475,9 +14688,9 @@ snapshots:
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
-      postcss: 8.5.6
-      postcss-scss: 4.0.9(postcss@8.5.6)
-      postcss-selector-parser: 7.1.0
+      postcss: 8.5.25
+      postcss-scss: 4.0.9(postcss@8.5.25)
+      postcss-selector-parser: 7.1.1
     optionalDependencies:
       svelte: 5.39.12
 
@@ -12517,6 +14730,16 @@ snapshots:
       picocolors: 1.1.1
       stable: 0.1.8
 
+  svgo@4.0.2:
+    dependencies:
+      commander: 11.1.0
+      css-select: 5.2.2
+      css-tree: 3.2.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+      sax: 1.6.1
+
   synckit@0.11.12:
     dependencies:
       '@pkgr/core': 0.2.9
@@ -12547,11 +14770,11 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.6
-      postcss-import: 15.1.0(postcss@8.5.6)
-      postcss-js: 4.1.0(postcss@8.5.6)
-      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.6)(yaml@2.8.1)
-      postcss-nested: 6.2.0(postcss@8.5.6)
+      postcss: 8.5.25
+      postcss-import: 15.1.0(postcss@8.5.25)
+      postcss-js: 4.1.0(postcss@8.5.25)
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.25)(yaml@2.8.1)
+      postcss-nested: 6.2.0(postcss@8.5.25)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.10
       sucrase: 3.35.0
@@ -12575,11 +14798,11 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.10
-      postcss-import: 15.1.0(postcss@8.5.10)
-      postcss-js: 4.1.0(postcss@8.5.10)
-      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.10)(yaml@2.8.1)
-      postcss-nested: 6.2.0(postcss@8.5.10)
+      postcss: 8.5.25
+      postcss-import: 15.1.0(postcss@8.5.25)
+      postcss-js: 4.1.0(postcss@8.5.25)
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.25)(yaml@2.8.1)
+      postcss-nested: 6.2.0(postcss@8.5.25)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.10
       sucrase: 3.35.0
@@ -12587,6 +14810,8 @@ snapshots:
       - tsx
       - yaml
 
+  tapable@2.3.3: {}
+
   terser@5.44.0:
     dependencies:
       '@jridgewell/source-map': 0.3.11
@@ -12608,11 +14833,15 @@ snapshots:
     dependencies:
       real-require: 0.2.0
 
+  tiny-invariant@1.3.3: {}
+
   tinyglobby@0.2.15:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
 
+  tinypool@2.1.0: {}
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
@@ -12633,7 +14862,7 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
-  ts-node@10.9.2(@swc/core@1.15.30)(@types/node@22.19.17)(typescript@5.9.3):
+  ts-node@10.9.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(@types/node@22.19.17)(typescript@5.9.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -12641,8 +14870,8 @@ snapshots:
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
       '@types/node': 22.19.17
-      acorn: 8.15.0
-      acorn-walk: 8.3.4
+      acorn: 8.18.0
+      acorn-walk: 8.3.5
       arg: 4.1.3
       create-require: 1.1.1
       diff: 4.0.2
@@ -12651,7 +14880,7 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
-      '@swc/core': 1.15.30
+      '@swc/core': 1.15.30(@swc/helpers@0.5.23)
 
   tsconfck@3.1.6(typescript@5.9.3):
     optionalDependencies:
@@ -12670,6 +14899,8 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
+  type-detect@4.1.0: {}
+
   type-fest@4.41.0: {}
 
   type-is@2.0.1:
@@ -12739,6 +14970,8 @@ snapshots:
 
   typescript@5.9.3: {}
 
+  uc.micro@2.1.0: {}
+
   ufo@1.6.1: {}
 
   unbox-primitive@1.1.0:
@@ -12815,6 +15048,12 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
+  update-browserslist-db@1.2.3(browserslist@4.28.7):
+    dependencies:
+      browserslist: 4.28.7
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
@@ -12901,7 +15140,7 @@ snapshots:
       - rollup
       - supports-color
 
-  vite-plugin-solid@2.11.9(solid-js@1.9.9)(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)):
+  vite-plugin-solid@2.11.9(solid-js@1.9.9)(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)):
     dependencies:
       '@babel/core': 7.28.4
       '@types/babel__core': 7.20.5
@@ -12909,8 +15148,8 @@ snapshots:
       merge-anything: 5.1.7
       solid-js: 1.9.9
       solid-refresh: 0.6.3(solid-js@1.9.9)
-      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
-      vitefu: 1.1.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0))
+      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
+      vitefu: 1.1.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -12927,32 +15166,32 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vite-tsconfig-paths@5.1.4(typescript@5.9.3)(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)):
+  vite-tsconfig-paths@5.1.4(typescript@5.9.3)(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)):
     dependencies:
       debug: 4.4.3
       globrex: 0.1.2
       tsconfck: 3.1.6(typescript@5.9.3)
     optionalDependencies:
-      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0):
+  vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.5.6
+      postcss: 8.5.25
       rollup: 4.52.4
     optionalDependencies:
       '@types/node': 22.19.17
       fsevents: 2.3.3
-      sugarss: 5.0.1(postcss@8.5.10)
+      sugarss: 5.0.1(postcss@8.5.25)
       terser: 5.44.0
 
   vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.5.6
+      postcss: 8.5.25
       rollup: 4.52.4
     optionalDependencies:
       '@types/node': 22.19.17
@@ -12965,7 +15204,7 @@ snapshots:
       esbuild: 0.25.10
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
-      postcss: 8.5.6
+      postcss: 8.5.25
       rollup: 4.52.4
       tinyglobby: 0.2.15
     optionalDependencies:
@@ -12976,9 +15215,9 @@ snapshots:
       terser: 5.44.0
       yaml: 2.8.1
 
-  vitefu@1.1.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)):
+  vitefu@1.1.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)):
     optionalDependencies:
-      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.10))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.25))(terser@5.44.0)
 
   vitefu@1.1.1(vite@5.4.20(@types/node@22.19.17)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)):
     optionalDependencies:
@@ -13008,6 +15247,50 @@ snapshots:
 
   w3c-keyname@2.2.8: {}
 
+  wasm-feature-detect@1.8.0: {}
+
+  watchpack@2.5.2:
+    dependencies:
+      graceful-fs: 4.2.11
+
+  webpack-sources@3.5.1: {}
+
+  webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25):
+    dependencies:
+      '@types/estree': 1.0.8
+      '@types/json-schema': 7.0.15
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/wasm-edit': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+      acorn: 8.18.0
+      browserslist: 4.28.7
+      chrome-trace-event: 1.0.4
+      enhanced-resolve: 5.24.5
+      es-module-lexer: 2.3.1
+      eslint-scope: 5.1.1
+      events: 3.3.0
+      graceful-fs: 4.2.11
+      mime-db: 1.54.0
+      minimizer-webpack-plugin: 5.6.1(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25)(webpack@5.109.2(@swc/core@1.15.30(@swc/helpers@0.5.23))(postcss@8.5.25))
+      neo-async: 2.6.2
+      schema-utils: 4.3.3
+      tapable: 2.3.3
+      watchpack: 2.5.2
+      webpack-sources: 3.5.1
+    transitivePeerDependencies:
+      - '@minify-html/node'
+      - '@swc/core'
+      - '@swc/css'
+      - '@swc/html'
+      - clean-css
+      - cssnano
+      - csso
+      - esbuild
+      - html-minifier-terser
+      - lightningcss
+      - postcss
+      - uglify-js
+
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -13073,7 +15356,7 @@ snapshots:
     dependencies:
       ansi-styles: 6.2.3
       string-width: 5.1.2
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
 
   wrap-ansi@9.0.2:
     dependencies:
@@ -13089,6 +15372,8 @@ snapshots:
 
   ws@8.18.3: {}
 
+  ws@8.21.1: {}
+
   y18n@5.0.8: {}
 
   yallist@3.1.1: {}
diff --git a/scripts/build.ts b/scripts/build.ts
index f237b7dc..4fbaf3c2 100644
--- a/scripts/build.ts
+++ b/scripts/build.ts
@@ -79,6 +79,17 @@ const buildCli = async () => {
   await buildType("cli");
 };
 
+const buildLynx = async () => {
+  await rollupBuild({
+    packageName: "lynx",
+    packageScope: "packages",
+    external: external,
+  });
+  await buildCss("lynx");
+  await buildType("lynx");
+  await copyCss("lynx", "diff-view.css");
+};
+
 const buildSolid = async () => {
   await new Promise<void>((r, j) => {
     const ls = spawn(`cd packages/solid && pnpm run build`, { shell: true, stdio: "inherit" });
@@ -127,13 +138,16 @@ const start = async () => {
   await buildFile();
   await buildCli();
   await buildReact();
+  await buildLynx();
   await buildSolid();
   await buildSvelte();
   await buildVue();
   process.exit(0);
 };
 
-start();
+// start();
+
+buildLynx();
 
 // buildLezer();
 
diff --git a/ui/lynx-example/README.md b/ui/lynx-example/README.md
new file mode 100644
index 00000000..a4dd0246
--- /dev/null
+++ b/ui/lynx-example/README.md
@@ -0,0 +1,26 @@
+# lynx-example
+
+Demo for `@git-diff-view/lynx` (ReactLynx).
+
+## Run
+
+```bash
+# from repo root
+pnpm install
+pnpm run build:packages   # or build lynx package alone once wired
+pnpm run dev:lynx
+```
+
+Requires Lynx Explorer / supported Lynx target for on-device preview. See [Lynx quick start](https://lynxjs.org/).
+
+**Important:** `lynx.config.ts` aliases `@git-diff-view/lowlight` and `@lezer/markdown` to stubs (Unicode `\p{...}` regexes break Lynx bytecode). The demo uses `@git-diff-view/lezer` via `registerHighlighter` for syntax colors — see `packages/lynx/readme.md`.
+
+Styling uses Tailwind v3 + `@lynx-js/tailwind-preset` (`rsbuild-plugin-tailwindcss`). Package source is scanned when aliased; import `packages/lynx/src/tailwind.css` in the example entry.
+
+## Checklist
+
+- [ ] Toggle Split / Unified
+- [ ] Toggle light / dark
+- [ ] Toggle highlight (lezer on/off)
+- [ ] Long line wraps; Split row grows with content
+- [ ] Extend line under new side line 77
diff --git a/ui/lynx-example/lynx.config.ts b/ui/lynx-example/lynx.config.ts
new file mode 100644
index 00000000..6a915615
--- /dev/null
+++ b/ui/lynx-example/lynx.config.ts
@@ -0,0 +1,49 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { createRequire } from "node:module";
+
+import { defineConfig } from "@lynx-js/rspeedy";
+import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+import { pluginTailwindCSS } from "rsbuild-plugin-tailwindcss";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const require = createRequire(import.meta.url);
+const lynxPkg = require("../../packages/lynx/package.json") as { version: string };
+
+/** Stub out full lowlight/highlight.js — Lynx bytecode rejects `\p{...}` regexes. */
+const lowlightStub = path.resolve(__dirname, "../../packages/lynx/src/stubs/lowlight.ts");
+/** Stub `@lezer/markdown` — same `\p{...}` issue; use `@git-diff-view/lezer` without markdown. */
+const lezerMarkdownStub = path.resolve(__dirname, "../../packages/lynx/src/stubs/lezer-markdown.ts");
+const lynxSrc = path.resolve(__dirname, "../../packages/lynx/src/index.ts");
+const lezerSrc = path.resolve(__dirname, "../../packages/lezer/src/index.ts");
+
+export default defineConfig({
+  source: {
+    entry: "./src/index.tsx",
+    define: {
+      __DEV__: true,
+      __VERSION__: JSON.stringify(lynxPkg.version),
+    },
+    alias: {
+      "@git-diff-view/lynx": lynxSrc,
+      "@git-diff-view/lezer": lezerSrc,
+      "@git-diff-view/lowlight": lowlightStub,
+      lowlight: lowlightStub,
+      "highlight.js": lowlightStub,
+      "@lezer/markdown": lezerMarkdownStub,
+    },
+  },
+  environments: {
+    web: {},
+    lynx: {},
+  },
+  plugins: [
+    pluginReactLynx({
+      enableCSSInheritance: true,
+      customCSSInheritanceList: ["font-size", "font-family", "color"],
+    }),
+    pluginTailwindCSS({
+      config: "./tailwind.config.js",
+    }),
+  ],
+});
diff --git a/ui/lynx-example/package.json b/ui/lynx-example/package.json
new file mode 100644
index 00000000..2495f6a0
--- /dev/null
+++ b/ui/lynx-example/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "lynx-example",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "rspeedy dev",
+    "build": "rspeedy build",
+    "preview": "rspeedy preview"
+  },
+  "dependencies": {
+    "@git-diff-view/lezer": "workspace:*",
+    "@git-diff-view/lynx": "workspace:*",
+    "@lynx-js/react": "^0.123.0"
+  },
+  "devDependencies": {
+    "@lynx-js/react-rsbuild-plugin": "*",
+    "@lynx-js/rspeedy": "*",
+    "@lynx-js/tailwind-preset": "^0.5.0",
+    "@lynx-js/types": "*",
+    "postcss": "^8.5.25",
+    "rsbuild-plugin-tailwindcss": "^0.2.4",
+    "tailwindcss": "3",
+    "typescript": "catalog:"
+  }
+}
diff --git a/ui/lynx-example/src/App.tsx b/ui/lynx-example/src/App.tsx
new file mode 100644
index 00000000..62b63ad4
--- /dev/null
+++ b/ui/lynx-example/src/App.tsx
@@ -0,0 +1,72 @@
+import { useState } from "@lynx-js/react";
+import { highlighter as lezerHighlighter } from "@git-diff-view/lezer";
+import { DiffView, DiffModeEnum } from "@git-diff-view/lynx";
+import "../../../packages/lynx/src/tailwind.css";
+
+import { b as SAMPLE } from "./data";
+
+export function App() {
+  const [mode, setMode] = useState(DiffModeEnum.Split);
+  const [theme, setTheme] = useState<"light" | "dark">("light");
+  const [highlight, setHighlight] = useState(true);
+
+  return (
+    <view className="flex h-full w-full flex-col" style={{ backgroundColor: theme === "dark" ? "#0d1117" : "#fff" }}>
+      <view className="flex flex-row p-[8px]">
+        <view
+          bindtap={() => setMode(mode & DiffModeEnum.Split ? DiffModeEnum.Unified : DiffModeEnum.Split)}
+          className="mr-[8px] px-[10px] py-[6px]"
+          style={{ backgroundColor: "#0969da" }}
+        >
+          <text style={{ color: "#fff" }}>{mode & DiffModeEnum.Split ? "Split" : "Unified"}</text>
+        </view>
+        <view
+          bindtap={() => setTheme(theme === "light" ? "dark" : "light")}
+          className="mr-[8px] px-[10px] py-[6px]"
+          style={{ backgroundColor: "#6e7781" }}
+        >
+          <text style={{ color: "#fff" }}>{theme}</text>
+        </view>
+        <view bindtap={() => setHighlight((v) => !v)} className="px-[10px] py-[6px]" style={{ backgroundColor: "#1a7f37" }}>
+          <text style={{ color: "#fff" }}>hl:{highlight ? "lezer" : "off"}</text>
+        </view>
+      </view>
+      <view className="min-h-0 flex-1 flex flex-col" style={{ flexBasis: "0%" }}>
+        <DiffView
+          data={{
+            oldFile: {
+              fileName: SAMPLE.newFile?.fileName || "feature.ts",
+              fileLang: "typescript",
+              content: undefined,
+            },
+            newFile: {
+              fileName: SAMPLE.newFile?.fileName || "feature.ts",
+              fileLang: "typescript",
+              content: SAMPLE.newFile?.content || "",
+            },
+            hunks: SAMPLE.hunks,
+          }}
+          diffViewMode={mode}
+          diffViewTheme={theme}
+          diffViewHighlight={highlight}
+          registerHighlighter={lezerHighlighter}
+          diffViewWrap
+          extendData={{
+            newFile: {
+              "77": { data: "extend: reactiveEffect.stop()" },
+            },
+          }}
+          renderExtendLine={({ data }) => (
+            <view
+              className="w-full px-[10px] py-[6px]"
+              style={{ backgroundColor: theme === "dark" ? "#204274" : "#ddf4ff" }}
+            >
+              <text style={{ color: theme === "dark" ? "#e6edf3" : "#24292e" }}>{String(data)}</text>
+            </view>
+          )}
+          style={{ height: "100%" }}
+        />
+      </view>
+    </view>
+  );
+}
diff --git a/ui/lynx-example/src/data.ts b/ui/lynx-example/src/data.ts
new file mode 100644
index 00000000..e7339a09
--- /dev/null
+++ b/ui/lynx-example/src/data.ts
@@ -0,0 +1,84 @@
+export const a = {
+  oldFile: {
+    fileName: null,
+    content: "",
+  },
+  newFile: {
+    fileName: "src/components/MultiLevelReview/AddReviewConfigModal.tsx",
+    content:
+      "import type { DepoCatalogueReviewers, UpdateCatalogueReviewersParams } from '@/apis/modules/catalogue/module';\nimport { DepoCatalogueReviewEnum } from '@/apis/modules/catalogue/module';\nimport { gsModalSize } from '@/utils/commonVariable';\nimport { Button, Form, Modal, Radio, message } from 'antd';\nimport { useEffect, useMemo, useState } from 'react';\nimport { UserSelect } from '../UserSelect';\nimport { useCatalogueTree } from '@/hooks/useCatalogueTree';\nimport type { IUserInfo } from '@/apis/modules/user/module';\nimport { updateCatalogueReviewers } from '@/apis/modules/catalogue';\n\nexport const AddReviewConfig = ({ currentReviewList }: { currentReviewList: DepoCatalogueReviewers }) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [loading, setLoading] = useState(false);\n\n  const [userList, setUserList] = useState<IUserInfo[]>([]);\n\n  const { computedSelectItem, reloadCatalogueItemReviewers } = useCatalogueTree.useShallowSelector((s) => ({\n    computedSelectItem: s.computedSelectItem,\n    reloadCatalogueItemReviewers: s.getCatalogueItemReviewers,\n  }));\n\n  const [form] = Form.useForm<{ reviewers: number[]; type: DepoCatalogueReviewEnum }>();\n\n  const selectedList = useMemo(() => currentReviewList.map(i => i.reviewers || []).reduce((p, c) => p.concat(c), []), [currentReviewList])\n\n  useEffect(() => {\n    return () => form.resetFields();\n  }, [form, isOpen]);\n\n  const onSubmit = async () => {\n    if (loading) return;\n    try {\n      setLoading(true);\n      const formValue = await form.validateFields();\n      if (!computedSelectItem) {\n        message.error('意料之外的错误，请刷新重试');\n        return;\n      }\n      const params: UpdateCatalogueReviewersParams = {\n        dirId: computedSelectItem.id,\n        updateCatalogueReviewLevels: [\n          {\n            level: currentReviewList.length + 1,\n            type: formValue.type,\n            reviewers: userList\n              .filter((i) => formValue.reviewers.includes(i.id))\n              .map((i) => ({ id: i.id, username: i.username, nickname: i.nickname })),\n          },\n        ],\n      };\n      const response = await updateCatalogueReviewers(params);\n      if (response.success) {\n        await reloadCatalogueItemReviewers();\n        setIsOpen(false);\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <Button onClick={() => setIsOpen(true)}>新增审查层级</Button>\n      <Modal\n        title=\"新增审查层级\"\n        visible={isOpen}\n        okText=\"提交更改\"\n        width={gsModalSize}\n        onOk={onSubmit}\n        confirmLoading={loading}\n        onCancel={() => setIsOpen(false)}\n      >\n        <Form form={form} labelCol={{ span: 4 }} wrapperCol={{ span: 20 }} initialValues={{ type: DepoCatalogueReviewEnum.OR }}>\n          <Form.Item label=\"直接审查人\" name=\"reviewers\" rules={[{ required: true, message: '请选择审查人' }]}>\n            <UserSelect\n              mode=\"multiple\"\n              onLoad={(list) => setUserList(list)}\n              disableItems={selectedList}\n              filterOption={(input, option) => !!option?.label?.toString().toLowerCase().includes(input?.toLowerCase())}\n            />\n          </Form.Item>\n          <Form.Item label=\"审查条件\" name=\"type\" rules={[{ required: true, message: '请选择审查条件' }]}>\n            <Radio.Group size=\"middle\" style={{ width: '100%' }}>\n              <Radio.Button value={DepoCatalogueReviewEnum.AND}>会签</Radio.Button>\n              <Radio.Button value={DepoCatalogueReviewEnum.OR}>或签</Radio.Button>\n            </Radio.Group>\n          </Form.Item>\n        </Form>\n      </Modal>\n    </>\n  );\n};",
+  },
+  hunks: [
+    "--- /dev/null\n+++ src/components/MultiLevelReview/AddReviewConfigModal.tsx\n@@ -0,0 +1,93 @@\n+import type { DepoCatalogueReviewers, UpdateCatalogueReviewersParams } from '@/apis/modules/catalogue/module';\n+import { DepoCatalogueReviewEnum } from '@/apis/modules/catalogue/module';\n+import { gsModalSize } from '@/utils/commonVariable';\n+import { Button, Form, Modal, Radio, message } from 'antd';\n+import { useEffect, useMemo, useState } from 'react';\n+import { UserSelect } from '../UserSelect';\n+import { useCatalogueTree } from '@/hooks/useCatalogueTree';\n+import type { IUserInfo } from '@/apis/modules/user/module';\n+import { updateCatalogueReviewers } from '@/apis/modules/catalogue';\n+\n+export const AddReviewConfig = ({ currentReviewList }: { currentReviewList: DepoCatalogueReviewers }) => {\n+  const [isOpen, setIsOpen] = useState(false);\n+\n+  const [loading, setLoading] = useState(false);\n+\n+  const [userList, setUserList] = useState<IUserInfo[]>([]);\n+\n+  const { computedSelectItem, reloadCatalogueItemReviewers } = useCatalogueTree.useShallowSelector((s) => ({\n+    computedSelectItem: s.computedSelectItem,\n+    reloadCatalogueItemReviewers: s.getCatalogueItemReviewers,\n+  }));\n+\n+  const [form] = Form.useForm<{ reviewers: number[]; type: DepoCatalogueReviewEnum }>();\n+\n+  const selectedList = useMemo(() => currentReviewList.map(i => i.reviewers || []).reduce((p, c) => p.concat(c), []), [currentReviewList])\n+\n+  useEffect(() => {\n+    return () => form.resetFields();\n+  }, [form, isOpen]);\n+\n+  const onSubmit = async () => {\n+    if (loading) return;\n+    try {\n+      setLoading(true);\n+      const formValue = await form.validateFields();\n+      if (!computedSelectItem) {\n+        message.error('意料之外的错误，请刷新重试');\n+        return;\n+      }\n+      const params: UpdateCatalogueReviewersParams = {\n+        dirId: computedSelectItem.id,\n+        updateCatalogueReviewLevels: [\n+          {\n+            level: currentReviewList.length + 1,\n+            type: formValue.type,\n+            reviewers: userList\n+              .filter((i) => formValue.reviewers.includes(i.id))\n+              .map((i) => ({ id: i.id, username: i.username, nickname: i.nickname })),\n+          },\n+        ],\n+      };\n+      const response = await updateCatalogueReviewers(params);\n+      if (response.success) {\n+        await reloadCatalogueItemReviewers();\n+        setIsOpen(false);\n+      }\n+    } finally {\n+      setLoading(false);\n+    }\n+  };\n+\n+  return (\n+    <>\n+      <Button onClick={() => setIsOpen(true)}>新增审查层级</Button>\n+      <Modal\n+        title=\"新增审查层级\"\n+        visible={isOpen}\n+        okText=\"提交更改\"\n+        width={gsModalSize}\n+        onOk={onSubmit}\n+        confirmLoading={loading}\n+        onCancel={() => setIsOpen(false)}\n+      >\n+        <Form form={form} labelCol={{ span: 4 }} wrapperCol={{ span: 20 }} initialValues={{ type: DepoCatalogueReviewEnum.OR }}>\n+          <Form.Item label=\"直接审查人\" name=\"reviewers\" rules={[{ required: true, message: '请选择审查人' }]}>\n+            <UserSelect\n+              mode=\"multiple\"\n+              onLoad={(list) => setUserList(list)}\n+              disableItems={selectedList}\n+              filterOption={(input, option) => !!option?.label?.toString().toLowerCase().includes(input?.toLowerCase())}\n+            />\n+          </Form.Item>\n+          <Form.Item label=\"审查条件\" name=\"type\" rules={[{ required: true, message: '请选择审查条件' }]}>\n+            <Radio.Group size=\"middle\" style={{ width: '100%' }}>\n+              <Radio.Button value={DepoCatalogueReviewEnum.AND}>会签</Radio.Button>\n+              <Radio.Button value={DepoCatalogueReviewEnum.OR}>或签</Radio.Button>\n+            </Radio.Group>\n+          </Form.Item>\n+        </Form>\n+      </Modal>\n+    </>\n+  );\n+};\n",
+  ],
+};
+
+export const b = {
+  newFile: {
+    fileName: "a/packages/myreact-reactivity/src/reactive/feature.ts",
+    content:
+      'import { Component, createElement, useState, useCallback, useMemo } from "@my-react/react";\n\nimport { proxyRefs, ReactiveEffect } from "../api";\n\nimport type { UnwrapRef } from "../api";\nimport type { LikeReactNode } from "@my-react/react";\n\ntype LifeCycle = {\n  onBeforeMount: Array<() => void>;\n\n  onMounted: Array<() => void>;\n\n  onBeforeUpdate: Array<() => void>;\n\n  onUpdated: Array<() => void>;\n\n  onBeforeUnmount: Array<() => void>;\n\n  onUnmounted: Array<() => void>;\n\n  hasHookInstalled: boolean;\n\n  canUpdateComponent: boolean;\n};\n\n/**\n * @internal\n */\nexport let globalInstance: LifeCycle | null = null;\n\nexport function createReactive<P extends Record<string, unknown>, S extends Record<string, unknown>>(props?: {\n  setup: () => S;\n  render?: (props: UnwrapRef<S> & P) => LikeReactNode;\n}) {\n  const setup = typeof props === "function" ? props : props.setup;\n\n  const render = typeof props === "function" ? null : props.render;\n\n  class ForBeforeUnmount extends Component<{ ["$$__instance__$$"]: LifeCycle; children: LikeReactNode }> {\n    componentWillUnmount(): void {\n      this.props.$$__instance__$$.onBeforeUnmount.forEach((f) => f());\n    }\n\n    render() {\n      return this.props.children;\n    }\n  }\n\n  class ForBeforeMount extends Component<{ ["$$__instance__$$"]: LifeCycle; children: LikeReactNode }> {\n    componentDidMount(): void {\n      this.props.$$__instance__$$.onBeforeMount.forEach((f) => f());\n    }\n\n    render() {\n      return this.props.children;\n    }\n  }\n\n  class RenderWithLifeCycle extends Component<\n    {\n      ["$$__trigger__$$"]: () => void;\n      ["$$__instance__$$"]: LifeCycle;\n      ["$$__reactiveState__$$"]: UnwrapRef<S>;\n      children?: (props: UnwrapRef<S> & P) => LikeReactNode;\n    } & P\n  > {\n    componentDidMount(): void {\n      this.props.$$__instance__$$.onMounted.forEach((f) => f());\n    }\n\n    componentDidUpdate(): void {\n      this.props.$$__instance__$$.onUpdated.forEach((f) => f());\n    }\n\n    componentWillUnmount(): void {\n      this.props.$$__instance__$$.onUnmounted.forEach((f) => f());\n      this.reactiveEffect.stop();\n    }\n\n    shouldComponentUpdate(): boolean {\n      this.props.$$__instance__$$.canUpdateComponent = false;\n      this.props.$$__instance__$$.onBeforeUpdate.forEach((f) => f());\n      this.props.$$__instance__$$.canUpdateComponent = true;\n      return true;\n    }\n\n    reactiveEffect = new ReactiveEffect(() => {\n      const { children, $$__trigger__$$, $$__reactiveState__$$, $$__instance__$$, ...last } = this.props;\n      const targetRender = (render || children) as (props: UnwrapRef<S> & P) => LikeReactNode;\n      const element = targetRender?.({ ...last, ...$$__reactiveState__$$ } as UnwrapRef<S> & P) || null;\n      return element;\n    }, this.props.$$__trigger__$$);\n\n    render() {\n      return createElement(ForBeforeMount, { ["$$__instance__$$"]: this.props.$$__instance__$$, children: this.reactiveEffect.run() });\n    }\n  }\n\n  class Render extends Component<\n    {\n      ["$$__trigger__$$"]: () => void;\n      ["$$__reactiveState__$$"]: UnwrapRef<S>;\n      children?: (props: UnwrapRef<S> & P) => LikeReactNode;\n    } & P\n  > {\n    componentWillUnmount(): void {\n      this.reactiveEffect.stop();\n    }\n\n    reactiveEffect = new ReactiveEffect(() => {\n      const { children, $$__trigger__$$, $$__reactiveState__$$, $$__instance__$$, ...last } = this.props;\n      const targetRender = (render || children) as (props: UnwrapRef<S> & P) => LikeReactNode;\n      const element = targetRender?.({ ...last, ...$$__reactiveState__$$ } as UnwrapRef<S> & P) || null;\n      return element;\n    }, this.props.$$__trigger__$$);\n\n    render() {\n      return this.reactiveEffect.run();\n    }\n  }\n\n  const MyReactReactiveComponent = (props: P & { children?: (props: UnwrapRef<S> & P) => LikeReactNode }) => {\n    const [instance] = useState(() => ({\n      onBeforeMount: [],\n      onBeforeUpdate: [],\n      onBeforeUnmount: [],\n      onMounted: [],\n      onUpdated: [],\n      onUnmounted: [],\n      hasHookInstalled: false,\n      canUpdateComponent: true,\n    }));\n\n    const state = useMemo(() => {\n      globalInstance = instance;\n\n      const state = proxyRefs(setup());\n\n      globalInstance = null;\n\n      return state;\n    }, []);\n\n    if (__DEV__) {\n      for (const key in props) {\n        if (key in state) {\n          console.warn(`duplicate key ${key} in Component props and reactive state, please fix this usage`);\n        }\n      }\n      if (props["children"] && typeof props["children"] !== "function") {\n        throw new Error("the component which return from createReactive() expect a function children");\n      }\n    }\n\n    const [, setState] = useState(() => 0);\n\n    const updateCallback = useCallback(() => {\n      if (instance.canUpdateComponent) {\n        setState((i) => i + 1);\n      }\n    }, []);\n\n    if (instance.hasHookInstalled) {\n      return createElement(ForBeforeUnmount, {\n        ["$$__instance__$$"]: instance,\n        children: createElement(RenderWithLifeCycle, {\n          ...props,\n          ["$$__trigger__$$"]: updateCallback,\n          ["$$__reactiveState__$$"]: state,\n          ["$$__instance__$$"]: instance,\n        }),\n      }) as LikeReactNode;\n    } else {\n      return createElement(Render, { ...props, ["$$__trigger__$$"]: updateCallback, ["$$__reactiveState__$$"]: state }) as LikeReactNode;\n    }\n  };\n\n  return MyReactReactiveComponent;\n}\n',
+  },
+  hunks: [
+    'diff --git a/packages/myreact-reactivity/src/reactive/feature.ts b/packages/myreact-reactivity/src/reactive/feature.ts\nindex 5b301628..15aac42f 100644\n--- a/packages/myreact-reactivity/src/reactive/feature.ts\n+++ b/packages/myreact-reactivity/src/reactive/feature.ts\n@@ -74,7 +74,7 @@ export function createReactive<P extends Record<string, unknown>, S extends Reco\n \n     componentWillUnmount(): void {\n       this.props.$$__instance__$$.onUnmounted.forEach((f) => f());\n-      this.effect.stop();\n+      this.reactiveEffect.stop();\n     }\n \n     shouldComponentUpdate(): boolean {\n@@ -84,7 +84,7 @@ export function createReactive<P extends Record<string, unknown>, S extends Reco\n       return true;\n     }\n \n-    effect = new ReactiveEffect(() => {\n+    reactiveEffect = new ReactiveEffect(() => {\n       const { children, $$__trigger__$$, $$__reactiveState__$$, $$__instance__$$, ...last } = this.props;\n       const targetRender = (render || children) as (props: UnwrapRef<S> & P) => LikeReactNode;\n       const element = targetRender?.({ ...last, ...$$__reactiveState__$$ } as UnwrapRef<S> & P) || null;\n@@ -92,7 +92,7 @@ export function createReactive<P extends Record<string, unknown>, S extends Reco\n     }, this.props.$$__trigger__$$);\n \n     render() {\n-      return createElement(ForBeforeMount, { ["$$__instance__$$"]: this.props.$$__instance__$$, children: this.effect.run() });\n+      return createElement(ForBeforeMount, { ["$$__instance__$$"]: this.props.$$__instance__$$, children: this.reactiveEffect.run() });\n     }\n   }\n \n@@ -104,10 +104,10 @@ export function createReactive<P extends Record<string, unknown>, S extends Reco\n     } & P\n   > {\n     componentWillUnmount(): void {\n-      this.effect.stop();\n+      this.reactiveEffect.stop();\n     }\n \n-    effect = new ReactiveEffect(() => {\n+    reactiveEffect = new ReactiveEffect(() => {\n       const { children, $$__trigger__$$, $$__reactiveState__$$, $$__instance__$$, ...last } = this.props;\n       const targetRender = (render || children) as (props: UnwrapRef<S> & P) => LikeReactNode;\n       const element = targetRender?.({ ...last, ...$$__reactiveState__$$ } as UnwrapRef<S> & P) || null;\n@@ -115,7 +115,7 @@ export function createReactive<P extends Record<string, unknown>, S extends Reco\n     }, this.props.$$__trigger__$$);\n \n     render() {\n-      return this.effect.run();\n+      return this.reactiveEffect.run();\n     }\n   }\n',
+  ],
+};
+
+export const c = {
+  newFile: {
+    fileName: "a/packages/myreact-dom/src/client/tools/highlight.ts",
+    content:
+      'import { STATE_TYPE, include } from "@my-react/react-shared";\n\nimport { enableHighlight } from "@my-react-dom-shared";\n\nimport type { MyReactFiberNode } from "@my-react/react-reconciler";\nimport type { ClientDomDispatch } from "@my-react-dom-client/renderDispatch";\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const debounce = <T extends Function>(callback: T, time?: number): T => {\n  let id = null;\n  return ((...args) => {\n    clearTimeout(id);\n    id = setTimeout(() => {\n      callback.call(null, ...args);\n    }, time || 40);\n  }) as unknown as T;\n};\n\n/**\n * @internal\n */\nexport class HighLight {\n  /**\n   * @type HighLight\n   */\n  static instance: HighLight | undefined = undefined;\n\n  /**\n   *\n   * @returns HighLight\n   */\n  static getHighLightInstance = () => {\n    HighLight.instance = HighLight.instance || new HighLight();\n\n    return HighLight.instance;\n  };\n\n  mask: HTMLCanvasElement | null = null;\n\n  range = document.createRange();\n\n  running = false;\n\n  __pendingUpdate__: Set<MyReactFiberNode> = new Set();\n\n  __pendingAppend__: Set<MyReactFiberNode> = new Set();\n\n  __pendingSetRef__: Set<MyReactFiberNode> = new Set();\n\n  __pendingWarn__: Set<MyReactFiberNode> = new Set();\n\n  width = 0;\n\n  height = 0;\n\n  constructor() {\n    this.mask = document.createElement("canvas");\n    this.mask.setAttribute("data-highlight", "@my-react");\n    this.mask.style.cssText = `\n      position: fixed;\n      z-index: 99999999;\n      left: 0;\n      top: 0;\n      pointer-events: none;\n      `;\n    document.documentElement.prepend(this.mask);\n    this.setSize();\n    window.addEventListener("resize", this.setSize);\n  }\n\n  setSize = debounce(() => {\n    this.width = window.innerWidth || document.documentElement.clientWidth;\n\n    this.height = window.innerHeight || document.documentElement.clientHeight;\n\n    this.mask.width = this.width;\n\n    this.mask.height = this.height;\n  });\n\n  highLight = (fiber: MyReactFiberNode, type: "update" | "append" | "setRef" | "warn") => {\n    if (fiber.nativeNode) {\n      switch (type) {\n        case "update":\n          this.__pendingUpdate__.add(fiber);\n          break;\n        case "append":\n          this.__pendingAppend__.add(fiber);\n          break;\n        case "setRef":\n          this.__pendingSetRef__.add(fiber);\n          break;\n        case "warn":\n          this.__pendingWarn__.add(fiber);\n      }\n    }\n\n    if (!this.running) {\n      this.running = true;\n      requestAnimationFrame(this.flashPending);\n    }\n  };\n\n  flashPending = () => {\n    const context = this.mask.getContext("2d");\n\n    const allPendingUpdate = new Set(this.__pendingUpdate__);\n\n    this.__pendingUpdate__.clear();\n\n    context.strokeStyle = "rgba(200,50,50,0.8)";\n\n    allPendingUpdate.forEach((fiber) => {\n      if (include(fiber.state, STATE_TYPE.__unmount__)) return;\n      try {\n        const node = fiber.nativeNode as HTMLElement;\n        if (node.nodeType === Node.TEXT_NODE) {\n          this.range.selectNodeContents(node);\n        } else {\n          this.range.selectNode(node);\n        }\n        const rect = this.range.getBoundingClientRect();\n        if (\n          (rect.width || rect.height) &&\n          rect.top >= 0 &&\n          rect.left >= 0 &&\n          rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n        ) {\n          // do the highlight paint\n          const left = rect.left - 0.5;\n          const top = rect.top - 0.5;\n          const width = rect.width + 1;\n          const height = rect.height + 1;\n          context.strokeRect(\n            left < 0 ? 0 : left,\n            top < 0 ? 0 : top,\n            width > window.innerWidth ? window.innerWidth : width,\n            height > window.innerHeight ? window.innerHeight : height\n          );\n        }\n      } catch {\n        void 0;\n      }\n    });\n\n    const allPendingAppend = new Set(this.__pendingAppend__);\n\n    this.__pendingAppend__.clear();\n\n    allPendingAppend.forEach((fiber) => {\n      if (include(fiber.state, STATE_TYPE.__unmount__)) return;\n      try {\n        const node = fiber.nativeNode as HTMLElement;\n        if (node.nodeType === Node.TEXT_NODE) {\n          this.range.selectNodeContents(node);\n        } else {\n          this.range.selectNode(node);\n        }\n        const rect = this.range.getBoundingClientRect();\n        if (\n          (rect.width || rect.height) &&\n          rect.top >= 0 &&\n          rect.left >= 0 &&\n          rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n        ) {\n          // do the highlight paint\n          const left = rect.left - 0.5;\n          const top = rect.top - 0.5;\n          const width = rect.width + 1;\n          const height = rect.height + 1;\n          context.strokeRect(\n            left < 0 ? 0 : left,\n            top < 0 ? 0 : top,\n            width > window.innerWidth ? window.innerWidth : width,\n            height > window.innerHeight ? window.innerHeight : height\n          );\n        }\n      } catch {\n        void 0;\n      }\n    });\n\n    const allPendingSetRef = new Set(this.__pendingSetRef__);\n\n    this.__pendingSetRef__.clear();\n\n    allPendingSetRef.forEach((fiber) => {\n      if (include(fiber.state, STATE_TYPE.__unmount__)) return;\n      try {\n        const node = fiber.nativeNode as HTMLElement;\n        if (node.nodeType === Node.TEXT_NODE) {\n          this.range.selectNodeContents(node);\n        } else {\n          this.range.selectNode(node);\n        }\n        const rect = this.range.getBoundingClientRect();\n        if (\n          (rect.width || rect.height) &&\n          rect.top >= 0 &&\n          rect.left >= 0 &&\n          rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n        ) {\n          // do the highlight paint\n          const left = rect.left - 0.5;\n          const top = rect.top - 0.5;\n          const width = rect.width + 1;\n          const height = rect.height + 1;\n          context.strokeRect(\n            left < 0 ? 0 : left,\n            top < 0 ? 0 : top,\n            width > window.innerWidth ? window.innerWidth : width,\n            height > window.innerHeight ? window.innerHeight : height\n          );\n        }\n      } catch {\n        void 0;\n      }\n    });\n\n    context.strokeStyle = "rgba(230,150,40,0.8)";\n\n    const allPendingWarn = new Set(this.__pendingWarn__);\n\n    this.__pendingWarn__.clear();\n\n    allPendingWarn.forEach((fiber) => {\n      if (include(fiber.state, STATE_TYPE.__unmount__)) return;\n      try {\n        const node = fiber.nativeNode as HTMLElement;\n        if (node.nodeType === Node.TEXT_NODE) {\n          this.range.selectNodeContents(node);\n        } else {\n          this.range.selectNode(node);\n        }\n        const rect = this.range.getBoundingClientRect();\n        if (\n          (rect.width || rect.height) &&\n          rect.top >= 0 &&\n          rect.left >= 0 &&\n          rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n        ) {\n          // do the highlight paint\n          const left = rect.left - 0.5;\n          const top = rect.top - 0.5;\n          const width = rect.width + 1;\n          const height = rect.height + 1;\n          context.strokeRect(\n            left < 0 ? 0 : left,\n            top < 0 ? 0 : top,\n            width > window.innerWidth ? window.innerWidth : width,\n            height > window.innerHeight ? window.innerHeight : height\n          );\n        }\n      } catch {\n        void 0;\n      }\n    });\n\n    setTimeout(() => {\n      context.clearRect(0, 0, this.width, this.height);\n      this.running = false;\n      if (this.__pendingUpdate__.size || this.__pendingAppend__.size || this.__pendingSetRef__.size) {\n        this.running = true;\n        this.flashPending();\n      }\n    }, 100);\n  };\n}\n\nexport const highlightUpdateFiber = function (this: ClientDomDispatch, fiber: MyReactFiberNode) {\n  if (this.isAppMounted && !this.isHydrateRender && !this.isServerRender && (enableHighlight.current || window.__highlight__)) {\n    HighLight.getHighLightInstance().highLight(fiber, "update");\n  }\n};\n',
+  },
+  hunks: [
+    "diff --git a/packages/myreact-dom/src/client/tools/highlight.ts b/packages/myreact-dom/src/client/tools/highlight.ts\nindex 13cba7db..002becdc 100644\n--- a/packages/myreact-dom/src/client/tools/highlight.ts\n+++ b/packages/myreact-dom/src/client/tools/highlight.ts\n@@ -112,31 +112,35 @@ export class HighLight {\n \n     allPendingUpdate.forEach((fiber) => {\n       if (include(fiber.state, STATE_TYPE.__unmount__)) return;\n-      const node = fiber.nativeNode as HTMLElement;\n-      if (node.nodeType === Node.TEXT_NODE) {\n-        this.range.selectNodeContents(node);\n-      } else {\n-        this.range.selectNode(node);\n-      }\n-      const rect = this.range.getBoundingClientRect();\n-      if (\n-        (rect.width || rect.height) &&\n-        rect.top >= 0 &&\n-        rect.left >= 0 &&\n-        rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n-      ) {\n-        // do the highlight paint\n-        const left = rect.left - 0.5;\n-        const top = rect.top - 0.5;\n-        const width = rect.width + 1;\n-        const height = rect.height + 1;\n-        context.strokeRect(\n-          left < 0 ? 0 : left,\n-          top < 0 ? 0 : top,\n-          width > window.innerWidth ? window.innerWidth : width,\n-          height > window.innerHeight ? window.innerHeight : height\n-        );\n+      try {\n+        const node = fiber.nativeNode as HTMLElement;\n+        if (node.nodeType === Node.TEXT_NODE) {\n+          this.range.selectNodeContents(node);\n+        } else {\n+          this.range.selectNode(node);\n+        }\n+        const rect = this.range.getBoundingClientRect();\n+        if (\n+          (rect.width || rect.height) &&\n+          rect.top >= 0 &&\n+          rect.left >= 0 &&\n+          rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n+          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n+        ) {\n+          // do the highlight paint\n+          const left = rect.left - 0.5;\n+          const top = rect.top - 0.5;\n+          const width = rect.width + 1;\n+          const height = rect.height + 1;\n+          context.strokeRect(\n+            left < 0 ? 0 : left,\n+            top < 0 ? 0 : top,\n+            width > window.innerWidth ? window.innerWidth : width,\n+            height > window.innerHeight ? window.innerHeight : height\n+          );\n+        }\n+      } catch {\n+        void 0;\n       }\n     });\n \n@@ -146,31 +150,35 @@ export class HighLight {\n \n     allPendingAppend.forEach((fiber) => {\n       if (include(fiber.state, STATE_TYPE.__unmount__)) return;\n-      const node = fiber.nativeNode as HTMLElement;\n-      if (node.nodeType === Node.TEXT_NODE) {\n-        this.range.selectNodeContents(node);\n-      } else {\n-        this.range.selectNode(node);\n-      }\n-      const rect = this.range.getBoundingClientRect();\n-      if (\n-        (rect.width || rect.height) &&\n-        rect.top >= 0 &&\n-        rect.left >= 0 &&\n-        rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n-      ) {\n-        // do the highlight paint\n-        const left = rect.left - 0.5;\n-        const top = rect.top - 0.5;\n-        const width = rect.width + 1;\n-        const height = rect.height + 1;\n-        context.strokeRect(\n-          left < 0 ? 0 : left,\n-          top < 0 ? 0 : top,\n-          width > window.innerWidth ? window.innerWidth : width,\n-          height > window.innerHeight ? window.innerHeight : height\n-        );\n+      try {\n+        const node = fiber.nativeNode as HTMLElement;\n+        if (node.nodeType === Node.TEXT_NODE) {\n+          this.range.selectNodeContents(node);\n+        } else {\n+          this.range.selectNode(node);\n+        }\n+        const rect = this.range.getBoundingClientRect();\n+        if (\n+          (rect.width || rect.height) &&\n+          rect.top >= 0 &&\n+          rect.left >= 0 &&\n+          rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n+          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n+        ) {\n+          // do the highlight paint\n+          const left = rect.left - 0.5;\n+          const top = rect.top - 0.5;\n+          const width = rect.width + 1;\n+          const height = rect.height + 1;\n+          context.strokeRect(\n+            left < 0 ? 0 : left,\n+            top < 0 ? 0 : top,\n+            width > window.innerWidth ? window.innerWidth : width,\n+            height > window.innerHeight ? window.innerHeight : height\n+          );\n+        }\n+      } catch {\n+        void 0;\n       }\n     });\n \n@@ -180,31 +188,35 @@ export class HighLight {\n \n     allPendingSetRef.forEach((fiber) => {\n       if (include(fiber.state, STATE_TYPE.__unmount__)) return;\n-      const node = fiber.nativeNode as HTMLElement;\n-      if (node.nodeType === Node.TEXT_NODE) {\n-        this.range.selectNodeContents(node);\n-      } else {\n-        this.range.selectNode(node);\n-      }\n-      const rect = this.range.getBoundingClientRect();\n-      if (\n-        (rect.width || rect.height) &&\n-        rect.top >= 0 &&\n-        rect.left >= 0 &&\n-        rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n-      ) {\n-        // do the highlight paint\n-        const left = rect.left - 0.5;\n-        const top = rect.top - 0.5;\n-        const width = rect.width + 1;\n-        const height = rect.height + 1;\n-        context.strokeRect(\n-          left < 0 ? 0 : left,\n-          top < 0 ? 0 : top,\n-          width > window.innerWidth ? window.innerWidth : width,\n-          height > window.innerHeight ? window.innerHeight : height\n-        );\n+      try {\n+        const node = fiber.nativeNode as HTMLElement;\n+        if (node.nodeType === Node.TEXT_NODE) {\n+          this.range.selectNodeContents(node);\n+        } else {\n+          this.range.selectNode(node);\n+        }\n+        const rect = this.range.getBoundingClientRect();\n+        if (\n+          (rect.width || rect.height) &&\n+          rect.top >= 0 &&\n+          rect.left >= 0 &&\n+          rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n+          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n+        ) {\n+          // do the highlight paint\n+          const left = rect.left - 0.5;\n+          const top = rect.top - 0.5;\n+          const width = rect.width + 1;\n+          const height = rect.height + 1;\n+          context.strokeRect(\n+            left < 0 ? 0 : left,\n+            top < 0 ? 0 : top,\n+            width > window.innerWidth ? window.innerWidth : width,\n+            height > window.innerHeight ? window.innerHeight : height\n+          );\n+        }\n+      } catch {\n+        void 0;\n       }\n     });\n \n@@ -216,31 +228,35 @@ export class HighLight {\n \n     allPendingWarn.forEach((fiber) => {\n       if (include(fiber.state, STATE_TYPE.__unmount__)) return;\n-      const node = fiber.nativeNode as HTMLElement;\n-      if (node.nodeType === Node.TEXT_NODE) {\n-        this.range.selectNodeContents(node);\n-      } else {\n-        this.range.selectNode(node);\n-      }\n-      const rect = this.range.getBoundingClientRect();\n-      if (\n-        (rect.width || rect.height) &&\n-        rect.top >= 0 &&\n-        rect.left >= 0 &&\n-        rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n-      ) {\n-        // do the highlight paint\n-        const left = rect.left - 0.5;\n-        const top = rect.top - 0.5;\n-        const width = rect.width + 1;\n-        const height = rect.height + 1;\n-        context.strokeRect(\n-          left < 0 ? 0 : left,\n-          top < 0 ? 0 : top,\n-          width > window.innerWidth ? window.innerWidth : width,\n-          height > window.innerHeight ? window.innerHeight : height\n-        );\n+      try {\n+        const node = fiber.nativeNode as HTMLElement;\n+        if (node.nodeType === Node.TEXT_NODE) {\n+          this.range.selectNodeContents(node);\n+        } else {\n+          this.range.selectNode(node);\n+        }\n+        const rect = this.range.getBoundingClientRect();\n+        if (\n+          (rect.width || rect.height) &&\n+          rect.top >= 0 &&\n+          rect.left >= 0 &&\n+          rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n+          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n+        ) {\n+          // do the highlight paint\n+          const left = rect.left - 0.5;\n+          const top = rect.top - 0.5;\n+          const width = rect.width + 1;\n+          const height = rect.height + 1;\n+          context.strokeRect(\n+            left < 0 ? 0 : left,\n+            top < 0 ? 0 : top,\n+            width > window.innerWidth ? window.innerWidth : width,\n+            height > window.innerHeight ? window.innerHeight : height\n+          );\n+        }\n+      } catch {\n+        void 0;\n       }\n     });\n",
+  ],
+};
+
+export const d = {
+  oldFile: {
+    fileName: "src/views/test/result/singleResult/singleResultDetail/llm/components/result.vue",
+    content:
+      "<template>\n  <div>\n    <div>\n      <SimpleFilters ref=\"filterRef\" v-model=\"params\" :items=\"filters\" @conditions-search=\"handleSearch\" />\n    </div>\n    <BasicTable\n      ref=\"tableRef\"\n      manual-request\n      :request=\"queryCaseResult<LLMReportCase>\"\n      :params=\"finalParams\"\n      :columns=\"columns\"\n    >\n      <template #aiResults_header>\n        <span v-if=\"currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Assert\"> 分析结果 </span>\n        <span v-else-if=\"currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Mark_Avg\"> 平均分 </span>\n        <span v-else-if=\"currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Mark_Sum\"> 总分 </span>\n        <span v-else>结果</span>\n      </template>\n      <template #aiResults=\"{ row }\">\n        <el-tag\n          v-if=\"currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Assert && row.analyzeResult\"\n          :type=\"AnalyzeResultInfo[row.analyzeResult]?.type\"\n        >\n          {{ AnalyzeResultInfo[row.analyzeResult]?.label }}\n        </el-tag>\n        <span\n          v-else-if=\"\n            [ResAnalysisTmpTypeEnum.LLM_Mark_Avg, ResAnalysisTmpTypeEnum.LLM_Mark_Sum].includes(currentAnalyzeType)\n          \"\n        >\n          {{ row.score }}\n        </span>\n      </template>\n    </BasicTable>\n  </div>\n</template>\n<script lang=\"ts\" setup>\n  import { ResAnalysisTmpTypeEnum } from '@/apis/wqe-aggregation/orderTemplate';\n  import {\n    SingleResultType,\n    LLMReportCase,\n    QueryCaseResultRequest,\n    queryCaseResult,\n    AnalyzeResult,\n  } from '@/apis/wqe-case/result/singleResult';\n  import { createDrawer } from '@/components/basic/basicDrawer';\n  import { BasicTableInstance, Column } from '@/components/basic/basicTable';\n  import { FilterConditionDto } from '@/components/business/filters';\n  import SimpleFilters, { FiltersItem } from '@/components/business/simpleFilters';\n\n  import { SingleResultTestResultOptions } from '../../common';\n  import CaseDetail from '../caseDetail';\n\n  /**\n   * 分析结果\n   */\n  const AnalyzeResultInfo = {\n    [AnalyzeResult.Wait]: { label: '待分析', type: '' },\n    [AnalyzeResult.Pass]: { label: '通过', type: 'success' },\n    [AnalyzeResult.NotPass]: { label: '不通过', type: 'danger' },\n    [AnalyzeResult.Ignore]: { label: '忽略', type: 'info' },\n  } as const;\n\n  /**\n   * 页面配置\n   */\n  const filters: FiltersItem[] = [\n    { label: '流程结果', key: 'statusDesc', type: 'select', props: { options: SingleResultTestResultOptions } },\n    { label: '用例编号', key: 'useCaseCode', type: 'input' },\n    { label: '测试点', key: 'testPointName', type: 'input' },\n    { label: '前提条件', key: 'preCondition', type: 'input' },\n    { label: 'prompt', key: 'prompt', type: 'input' },\n    { label: '输入', key: 'input', type: 'input' },\n    { label: '预期结果', key: 'expectedResult', type: 'input' },\n  ];\n  const router = useRouter();\n  const handleCheckDetail = (row: { id: string }) => {\n    router.push({ query: { ...router.currentRoute.value.query, caseResultId: row.id } });\n    createDrawer({\n      title: '',\n      content: CaseDetail,\n      width: '100vw',\n      customHeader: true,\n      drawerProps: {\n        showClose: false,\n        onClose() {\n          router.replace({ query: { ...router.currentRoute.value.query, caseResultId: '' } });\n          return true;\n        },\n      },\n    });\n  };\n  const columns: Column[] = [\n    { prop: 'useCaseCode', label: '用例编号', width: '220px' },\n    { prop: 'testPointName', label: '测试点', width: '220px' },\n    { prop: 'preCondition', label: '前提条件', width: '220px' },\n    { prop: 'prompt', label: 'prompt', width: '220px' },\n    { prop: 'input', label: '输入', width: '220px' },\n    { prop: 'expectedResult', label: '预期结果', width: '220px' },\n    { prop: 'statusDesc', label: '流程结果', width: '220px' },\n    { prop: 'aiResults', label: '结果', width: '200px', slot: true, headerSlot: true },\n    { prop: 'escape', label: '返回耗时', width: '220px' },\n    {\n      prop: 'actions',\n      label: '操作',\n      fixed: 'right',\n      buttons: [{ label: '详情', handler: handleCheckDetail }],\n    },\n  ];\n  /**\n   * 搜索\n   */\n  const route = useRoute();\n  const currentJobId = route.query.jobId as string;\n  const currentType = route.query.toolType as string as SingleResultType;\n  const tableRef = ref<BasicTableInstance>();\n  const props = defineProps<{ runSeq: number; currentAnalyzeType?: ResAnalysisTmpTypeEnum }>();\n  const params = ref<Record<string, any>>({});\n  const finalParams = ref<QueryCaseResultRequest>({\n    conditions: [],\n    toolType: currentType,\n    jobId: currentJobId,\n    runSeq: props.runSeq,\n  });\n  watch(\n    () => props.runSeq,\n    (val) => (finalParams.value.runSeq = val)\n  );\n  const handleSearch = (conditions: FilterConditionDto[][]) => {\n    finalParams.value.conditions = conditions;\n    tableRef.value?.reset();\n  };\n  const filterRef = ref();\n  const setStatus = (statusDesc: string) => {\n    params.value.statusDesc = statusDesc;\n    filterRef.value?.search();\n  };\n\n  defineExpose({ reset: () => tableRef.value?.reset(), setStatus });\n</script>\n<style scoped lang=\"scss\"></style>\n",
+  },
+  newFile: {
+    fileName: "src/views/test/result/singleResult/singleResultDetail/llm/components/result.vue",
+    content:
+      "<template>\n  <div>\n    <div>\n      <SimpleFilters ref=\"filterRef\" v-model=\"params\" :items=\"filters\" @conditions-search=\"handleSearch\" />\n    </div>\n    <BasicTable\n      ref=\"tableRef\"\n      manual-request\n      selection\n      tool-bar\n      v-model:selection-rows=\"selectionRows\"\n      row-key=\"id\"\n      :request=\"queryCaseResult<LLMReportCase>\"\n      :params=\"finalParams\"\n      :columns=\"columns\"\n    >\n      <template #headers>\n        <el-button size=\"small\" :disabled=\"!selectionRows.length\" @click=\"handleExport\" :loading=\"exporting\">\n          导出数据\n        </el-button>\n      </template>\n      <template #aiResults_header>\n        <span v-if=\"currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Assert\"> 分析结果 </span>\n        <span v-else-if=\"currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Mark_Avg\"> 平均分 </span>\n        <span v-else-if=\"currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Mark_Sum\"> 总分 </span>\n        <span v-else>结果</span>\n      </template>\n      <template #aiResults=\"{ row }\">\n        <el-tag\n          v-if=\"currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Assert && row.analyzeResult\"\n          :type=\"AnalyzeResultInfo[row.analyzeResult]?.type\"\n        >\n          {{ AnalyzeResultInfo[row.analyzeResult]?.label }}\n        </el-tag>\n        <span\n          v-else-if=\"\n            [ResAnalysisTmpTypeEnum.LLM_Mark_Avg, ResAnalysisTmpTypeEnum.LLM_Mark_Sum].includes(currentAnalyzeType)\n          \"\n        >\n          {{ row.score }}\n        </span>\n      </template>\n    </BasicTable>\n  </div>\n</template>\n<script lang=\"ts\" setup>\n  import { ResAnalysisTmpTypeEnum } from '@/apis/wqe-aggregation/orderTemplate';\n  import {\n    SingleResultType,\n    LLMReportCase,\n    QueryCaseResultRequest,\n    queryCaseResult,\n    AnalyzeResult,\n  } from '@/apis/wqe-case/result/singleResult';\n  import { exportLLMSingleResultCases } from '@/apis/wqe-testcase/result';\n  import { createDrawer } from '@/components/basic/basicDrawer';\n  import { BasicTableInstance, Column } from '@/components/basic/basicTable';\n  import { FilterConditionDto } from '@/components/business/filters';\n  import SimpleFilters, { FiltersItem } from '@/components/business/simpleFilters';\n\n  import { SingleResultTestResultOptions } from '../../common';\n  import CaseDetail from '../caseDetail';\n\n  /**\n   * 分析结果\n   */\n  const AnalyzeResultInfo = {\n    [AnalyzeResult.Wait]: { label: '待分析', type: '' },\n    [AnalyzeResult.Pass]: { label: '通过', type: 'success' },\n    [AnalyzeResult.NotPass]: { label: '不通过', type: 'danger' },\n    [AnalyzeResult.Ignore]: { label: '忽略', type: 'info' },\n  } as const;\n\n  /**\n   * 页面配置\n   */\n  const filters: FiltersItem[] = [\n    { label: '流程结果', key: 'statusDesc', type: 'select', props: { options: SingleResultTestResultOptions } },\n    { label: '用例编号', key: 'useCaseCode', type: 'input' },\n    { label: '测试点', key: 'testPointName', type: 'input' },\n    { label: '前提条件', key: 'preCondition', type: 'input' },\n    { label: 'prompt', key: 'prompt', type: 'input' },\n    { label: '输入', key: 'input', type: 'input' },\n    { label: '预期结果', key: 'expectedResult', type: 'input' },\n  ];\n  const router = useRouter();\n  const handleCheckDetail = (row: { id: string }) => {\n    router.push({ query: { ...router.currentRoute.value.query, caseResultId: row.id } });\n    createDrawer({\n      title: '',\n      content: CaseDetail,\n      width: '100vw',\n      customHeader: true,\n      drawerProps: {\n        showClose: false,\n        onClose() {\n          router.replace({ query: { ...router.currentRoute.value.query, caseResultId: '' } });\n          return true;\n        },\n      },\n    });\n  };\n  const columns: Column[] = [\n    { prop: 'useCaseCode', label: '用例编号', width: '220px' },\n    { prop: 'testPointName', label: '测试点', width: '220px' },\n    { prop: 'preCondition', label: '前提条件', width: '220px' },\n    { prop: 'prompt', label: 'prompt', width: '220px' },\n    { prop: 'input', label: '输入', width: '220px' },\n    { prop: 'expectedResult', label: '预期结果', width: '220px' },\n    { prop: 'statusDesc', label: '流程结果', width: '220px' },\n    { prop: 'aiResults', label: '结果', width: '200px', slot: true, headerSlot: true },\n    { prop: 'escape', label: '返回耗时', width: '220px' },\n    {\n      prop: 'actions',\n      label: '操作',\n      fixed: 'right',\n      buttons: [{ label: '详情', handler: handleCheckDetail }],\n    },\n  ];\n  /**\n   * 搜索\n   */\n  const route = useRoute();\n  const currentJobId = route.query.jobId as string;\n  const currentType = route.query.toolType as string as SingleResultType;\n  const tableRef = ref<BasicTableInstance>();\n  const props = defineProps<{ runSeq: number; currentAnalyzeType?: ResAnalysisTmpTypeEnum }>();\n  const params = ref<Record<string, any>>({});\n  const finalParams = ref<QueryCaseResultRequest>({\n    conditions: [],\n    toolType: currentType,\n    jobId: currentJobId,\n    runSeq: props.runSeq,\n  });\n  watch(\n    () => props.runSeq,\n    (val) => (finalParams.value.runSeq = val)\n  );\n  const handleSearch = (conditions: FilterConditionDto[][]) => {\n    finalParams.value.conditions = conditions;\n    tableRef.value?.reset();\n  };\n  const filterRef = ref();\n  const setStatus = (statusDesc: string) => {\n    params.value.statusDesc = statusDesc;\n    filterRef.value?.search();\n  };\n\n  defineExpose({ reset: () => tableRef.value?.reset(), setStatus });\n\n  /**\n   * 导出数据\n   */\n  const exporting = ref(false);\n  const selectionRows = ref<LLMReportCase[]>([]);\n  const handleExport = () => {\n    exporting.value = true;\n    exportLLMSingleResultCases({\n      caseResultIds: selectionRows.value.map((item) => item.id),\n      toolType: currentType,\n      jobId: currentJobId,\n      runSeq: props.runSeq,\n    }).finally(() => {\n      exporting.value = false;\n    });\n  };\n</script>\n<style scoped lang=\"scss\"></style>\n",
+  },
+  hunks: [
+    '--- src/views/test/result/singleResult/singleResultDetail/llm/components/result.vue\n+++ src/views/test/result/singleResult/singleResultDetail/llm/components/result.vue\n@@ -6,10 +6,19 @@\n     <BasicTable\n       ref="tableRef"\n       manual-request\n+      selection\n+      tool-bar\n+      v-model:selection-rows="selectionRows"\n+      row-key="id"\n       :request="queryCaseResult<LLMReportCase>"\n       :params="finalParams"\n       :columns="columns"\n     >\n+      <template #headers>\n+        <el-button size="small" :disabled="!selectionRows.length" @click="handleExport" :loading="exporting">\n+          导出数据\n+        </el-button>\n+      </template>\n       <template #aiResults_header>\n         <span v-if="currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Assert"> 分析结果 </span>\n         <span v-else-if="currentAnalyzeType === ResAnalysisTmpTypeEnum.LLM_Mark_Avg"> 平均分 </span>\n',
+    "--- src/views/test/result/singleResult/singleResultDetail/llm/components/result.vue\n+++ src/views/test/result/singleResult/singleResultDetail/llm/components/result.vue\n@@ -43,6 +52,7 @@\n     queryCaseResult,\n     AnalyzeResult,\n   } from '@/apis/wqe-case/result/singleResult';\n+  import { exportLLMSingleResultCases } from '@/apis/wqe-testcase/result';\n   import { createDrawer } from '@/components/basic/basicDrawer';\n   import { BasicTableInstance, Column } from '@/components/basic/basicTable';\n   import { FilterConditionDto } from '@/components/business/filters';\n",
+    '--- src/views/test/result/singleResult/singleResultDetail/llm/components/result.vue\n+++ src/views/test/result/singleResult/singleResultDetail/llm/components/result.vue\n@@ -137,5 +147,22 @@\n   };\n \n   defineExpose({ reset: () => tableRef.value?.reset(), setStatus });\n+\n+  /**\n+   * 导出数据\n+   */\n+  const exporting = ref(false);\n+  const selectionRows = ref<LLMReportCase[]>([]);\n+  const handleExport = () => {\n+    exporting.value = true;\n+    exportLLMSingleResultCases({\n+      caseResultIds: selectionRows.value.map((item) => item.id),\n+      toolType: currentType,\n+      jobId: currentJobId,\n+      runSeq: props.runSeq,\n+    }).finally(() => {\n+      exporting.value = false;\n+    });\n+  };\n </script>\n <style scoped lang="scss"></style>\n',
+  ],
+};
+
+export const e = {
+  oldFile: {
+    fileName: "src/apis/modules/catalog/module.ts",
+    content:
+      "export type CataLogTreeItem = {\n  id: number;\n  depoId: number;\n  key: string;\n  level: number;\n  title: string;\n  value: string;\n  isLeaf: boolean;\n  parentId: number;\n  inherited: boolean;\n  createTime: string;\n  updateTime: string;\n  reviewers: string;\n  // TODO\n  state: number;\n  children: null | CataLogTreeItem[];\n};\n\nexport type ApplyCataLogItem = {\n  applyId: number;\n  catalogId: number;\n  createTime: string;\n  updateTime: string;\n  // TODO\n  deleted: number;\n\n  id: number;\n  remark: string | null;\n  // TODO\n  reviewState: number;\n\n  reviewers: string;\n  version: number;\n}\n",
+  },
+  newFile: {
+    fileName: null,
+    content: null,
+  },
+  hunks: [
+    "--- src/apis/modules/catalog/module.ts\n+++ /dev/null\n@@ -1,34 +0,0 @@\n-export type CataLogTreeItem = {\n-  id: number;\n-  depoId: number;\n-  key: string;\n-  level: number;\n-  title: string;\n-  value: string;\n-  isLeaf: boolean;\n-  parentId: number;\n-  inherited: boolean;\n-  createTime: string;\n-  updateTime: string;\n-  reviewers: string;\n-  // TODO\n-  state: number;\n-  children: null | CataLogTreeItem[];\n-};\n-\n-export type ApplyCataLogItem = {\n-  applyId: number;\n-  catalogId: number;\n-  createTime: string;\n-  updateTime: string;\n-  // TODO\n-  deleted: number;\n-\n-  id: number;\n-  remark: string | null;\n-  // TODO\n-  reviewState: number;\n-\n-  reviewers: string;\n-  version: number;\n-}\n",
+  ],
+};
+
+export const f = {
+  oldFile: {
+    fileName: "src/apis/modules/catalog/index.ts",
+    content:
+      "import request from '@/apis/fetcher';\nimport type { BasicResponse } from '@/apis/fetcher/type';\nimport type { ApplyCataLogItem, CataLogTreeItem } from './module';\n\nexport const getCataLogTree = (repoId: number) => {\n  return request<BasicResponse<CataLogTreeItem[]>>(`/api/catalogue/getCatalogTree/${repoId}`, {\n    method: 'GET',\n    description: '根据仓库ID获取目录树结构',\n  });\n};\n\nexport const getApplyCataLogById = (applyId: number) => {\n  return request<BasicResponse<ApplyCataLogItem[]>>(`/api/applyCatalog/getCatalogById/${applyId}`, {\n    method: 'GET',\n    description: '根据申请ID获取目录结构',\n  });\n};\n\nexport const getMrApplyCataLogById = (applyId: number) => {\n  return request<BasicResponse<ApplyCataLogItem[]>>(`/api/mrApplyCatalog/getCatalogById/${applyId}`, {\n    method: 'GET',\n    description: '根据ID获取MR目录结构',\n  });\n};\n",
+  },
+  newFile: {
+    fileName: null,
+    content: null,
+  },
+  hunks: [
+    "--- src/apis/modules/catalog/index.ts\n+++ /dev/null\n@@ -1,24 +0,0 @@\n-import request from '@/apis/fetcher';\n-import type { BasicResponse } from '@/apis/fetcher/type';\n-import type { ApplyCataLogItem, CataLogTreeItem } from './module';\n-\n-export const getCataLogTree = (repoId: number) => {\n-  return request<BasicResponse<CataLogTreeItem[]>>(`/api/catalogue/getCatalogTree/${repoId}`, {\n-    method: 'GET',\n-    description: '根据仓库ID获取目录树结构',\n-  });\n-};\n-\n-export const getApplyCataLogById = (applyId: number) => {\n-  return request<BasicResponse<ApplyCataLogItem[]>>(`/api/applyCatalog/getCatalogById/${applyId}`, {\n-    method: 'GET',\n-    description: '根据申请ID获取目录结构',\n-  });\n-};\n-\n-export const getMrApplyCataLogById = (applyId: number) => {\n-  return request<BasicResponse<ApplyCataLogItem[]>>(`/api/mrApplyCatalog/getCatalogById/${applyId}`, {\n-    method: 'GET',\n-    description: '根据ID获取MR目录结构',\n-  });\n-};\n",
+  ],
+};
diff --git a/ui/lynx-example/src/index.tsx b/ui/lynx-example/src/index.tsx
new file mode 100644
index 00000000..38bd4b80
--- /dev/null
+++ b/ui/lynx-example/src/index.tsx
@@ -0,0 +1,9 @@
+import { root } from "@lynx-js/react";
+
+import { App } from "./App";
+
+root.render(<App />);
+
+if (import.meta.webpackHot) {
+  import.meta.webpackHot.accept();
+}
diff --git a/ui/lynx-example/tailwind.config.js b/ui/lynx-example/tailwind.config.js
new file mode 100644
index 00000000..d46dd162
--- /dev/null
+++ b/ui/lynx-example/tailwind.config.js
@@ -0,0 +1,15 @@
+const { createLynxPreset } = require("@lynx-js/tailwind-preset");
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx}",
+    // Source-alias @git-diff-view/lynx → packages/lynx/src
+    "../../packages/lynx/src/**/*.{js,ts,jsx,tsx}",
+  ],
+  presets: [createLynxPreset()],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/ui/lynx-example/tsconfig.json b/ui/lynx-example/tsconfig.json
new file mode 100644
index 00000000..d6772843
--- /dev/null
+++ b/ui/lynx-example/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "@lynx-js/react",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "skipLibCheck": true,
+    "target": "ESNext",
+    "lib": ["ES2022"],
+    "types": ["@lynx-js/types"]
+  },
+  "include": ["src"]
+}