diff --git a/CHANGELOG.md b/CHANGELOG.md
index b9796e4f..f1100f2d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,58 @@
 # Radicle VS Code Extension Change Log
 
+## _(WIP, yet unreleased version)_
+
+### 🚀 Enhancements
+
+- **patch-detail:** add a new "Comment" button next to the revision selector
+  - clicking the button shows a new patch-comment form in the top of the Activity section
+    - the form consists of
+      - a text-field where the user can type their comment
+      - the target revision under which the comment is to be created
+      - form control buttons
+    - if in single-column mode due to narrow viewport the active tab automatically switches to the Activity section
+    - form state is preserved (as described in [v0.5.0#enhancements](#v050-july-22nd-2024)) individually for each revision
+  - clicking the form's "Comment" button or the keyboard shortcut `Ctrl/Cmd + Enter` submits the form
+    - attempts to create a new comment on radicle under the selected revision
+    - informs the user of the action's result (created and announced / created only locally / failed) and offers follow-up actions as needed
+    - upon the comment's successful creation, it is shown directly in place of the patch-comment form as a new event at the top of the Activity section with the time-ago indicator showing "now" and a short "pulse-outline" animation around it
+- **patch-detail:** in the patch-edit form
+  - show placeholder text when either text-field is empty
+  - change button label "Save" to "Update"
+- **patch-detail:** in both patch-comment and patch-edit forms
+  - add a new button with a coffee icon between "Update"/"Comment" and "Discard"
+    - clicking it "pauses" editing, hiding the form but preserving the current changes for later (a.k.a. aforementioned form state preservation)
+    - also triggerable with keyboard shortcut `Escape`
+    - also acts as a safe "spacer" between the two aforementioned buttons protecting against misclicks that would otherwise come with a big penalty
+  - add a new button to toggle a markdown preview of the current changes before submitting
+    - also triggerable with keyboard shortcut `Alt + P`
+    - after toggling to markdown preview and back to editing the undo/redo history (Ctrl/Cmd + Z and Ctrl/Cmd + Shift + Z) is still available. Even if the form contains multiple controls (e.g. two text-areas) then the undo/redo history spanning _all of them in the order they were changed_ is still retained
+  - polish text-field sizing dynamics:
+    - use 1 line of text as starting height when empty for the patch title field and 4 lines for the patch description
+    - respectively limit the max vertical lines for the former and the latter
+    - fields offer 65 characters of horizontal space (when there's enough viewport width, whatever fits otherwise), which also happens to be the Markdown renderer's wrapping limit (with exceptions). This can double as a subtle hint that we may be typing too much. Longer lines of text widen the fields to fit the content as long as there's enough viewport space, at which point they'll wrap into a new line, line-breaking at at appropriate point.
+    - previously typing or focusing any of the form's fields would always scroll the viewport to align the form at its bottom. Now this happens only if the form doesn't already fit on the viewport, leaving the scroll position wherever it was already set by the user and resulting in a less constricting experience
+    - although fields remain manually user-resizeable (pursposefully only across height) by mouse-dragging the bottom-right handle of each field _and_ dynamically resizeable as content grows (with contextual restrictions) and shrinks, if the user indeed defines a preferred height using the former method, then it is respected by the latter
+  - the aforementioned coupled with the pre-existing feature of optimally auto-aligning the form as it resizes should seamlessly provide a smooth authoring experience
+  - adjust the hover text of all form buttons to advertise their respective keyboard shortcut (if any)
+  - **patch-detail:** preselect the merged revision, if any, in the revision selector instead of always the latest
+  - **patch-detail:** don't mention the revision and its identifier in events in the Activity section if there's only one revision
+  - **patch-detail:** align the UX for every revision identifier shown in the patch-major-events section (top of the view) with the behaviour of those in the Activity section, i.e. showing the revision description on hover, and when clicked scrolling to the Revision section wherin more info about it is shown
+  - **patch-detail:** don't mention the related commit in the patch-major-events section (~~"Last updated by W with revision X at commit Y Z time ago"~~). This information is still available in the Revision section.
+  - **patch-detail:** keep the labels of the main buttons (top-right of the view) as a single line of text, even if the viewport is narrow enough to compress them
+  - **patch-detail:** add themed styling to `<summary>` elements when tabbed into
+
+### 🩹 Fixes
+
+- **patch-detail:** don't disappear the Activity and Revision sections sometimes, e.g. when a new revision is detected
+- **patch-detail:** make "Refresh" button work again, fetching latest patch data
+- **patch-detail:** don't show big gap between patch title and next section if the patch description is empty
+
+### 🏡 Chores
+
+- **ts:** enforce stricter type-checking for webview apps
+- **deps:** upgrade webview app dependencies, including latest Vue v3.5
+
 ## **v0.5.1** (September 10th, 2024)
 
 ### 🩹 Fixes
@@ -45,7 +98,7 @@
     - responds to viewport size changes applying sizing limits on top of the aforementioned content-relative resizing
     - is set with (generous) max char count limits to limit abuse
     - pressing the Enter key enters a new line but pressing Ctrl/Cmd+Enter behaves as if the "Save" button was clicked
-  - the value of each text-area is auto-saved in memory as a draft while typing, as well as the "is editing" status of the form, and those will be attempted to be restored:
+  - the value of each text-area is preserved as an in-extension draft while typing, as well as the "is editing" status of the form, and those will be attempted to be restored:
     - if the editor panel is hidden (another panel is selected placing it in the background) and then re-viewed (same session)
     - if VS Code is terminated or crashes (across sessions)
     - if the form submission fails
diff --git a/src/helpers/command.ts b/src/helpers/command.ts
index f8177f1f..1da4c28b 100644
--- a/src/helpers/command.ts
+++ b/src/helpers/command.ts
@@ -105,9 +105,9 @@ export function registerAllCommands(): void {
   registerVsCodeCmd('radicle.refreshAllPatches', () => {
     usePatchStore().resetAllPatches()
   })
-  registerVsCodeCmd('radicle.refreshOnePatch', (patch: Patch | undefined) => {
-    assert(patch)
-    usePatchStore().refetchPatch(patch?.id)
+  registerVsCodeCmd('radicle.refreshOnePatch', (patchId: Patch['id'] | undefined) => {
+    assert(patchId)
+    usePatchStore().refetchPatch(patchId)
   })
   registerVsCodeCmd('radicle.checkoutPatch', checkOutPatch)
   registerVsCodeCmd('radicle.checkoutDefaultBranch', checkOutDefaultBranch)
diff --git a/src/helpers/webview.ts b/src/helpers/webview.ts
index 5cc57a1a..2a419352 100644
--- a/src/helpers/webview.ts
+++ b/src/helpers/webview.ts
@@ -313,6 +313,14 @@ function handleMessageFromWebviewPatchDetail(
         }
       }
       break
+    case 'createPatchComment':
+      mutatePatch(message.payload.patch.id, message.payload.patch.title, (timeout?: number) =>
+        execPatchMutation(
+          ['comment', message.payload.revisionId, '--message', message.payload.comment],
+          timeout,
+        ),
+      )
+      break
     default:
       assertUnreachable(message)
   }
diff --git a/src/utils/webview-messaging.ts b/src/utils/webview-messaging.ts
index b858a00d..24766156 100644
--- a/src/utils/webview-messaging.ts
+++ b/src/utils/webview-messaging.ts
@@ -4,6 +4,7 @@ import type {
   Patch,
   PatchDetailWebviewInjectedState,
   PatchStatus,
+  Revision,
 } from '../types'
 import { getVscodeRef } from '../webviews/src/utils/getVscodeRef'
 
@@ -28,6 +29,10 @@ type MessageToExtension =
       { patchId: Patch['id']; newTitle: string; newDescr: string; oldTitle: string }
     >
   | Message<'updatePatchStatus', { patch: Patch; newStatus: Exclude<PatchStatus, 'merged'> }>
+  | Message<
+      'createPatchComment',
+      { patch: Patch; revisionId: Revision['id']; comment: string }
+    >
 
 /**
  * Sends a message, usually from the host window, to the provided webview.
diff --git a/src/webviews/package.json b/src/webviews/package.json
index a519b69a..55f03065 100644
--- a/src/webviews/package.json
+++ b/src/webviews/package.json
@@ -17,35 +17,35 @@
   },
   "dependencies": {
     "@vscode/webview-ui-toolkit": "^1.4.0",
-    "@vueuse/core": "^10.9.0",
-    "highlight.js": "^11.9.0",
-    "javascript-time-ago": "^2.5.9",
-    "pinia": "^2.1.7",
-    "vue": "^3.4.20",
+    "@vueuse/core": "^10.11.1",
+    "highlight.js": "^11.10.0",
+    "javascript-time-ago": "^2.5.11",
+    "pinia": "^2.2.6",
+    "vue": "^3.5.12",
     "vue3-markdown-it": "^1.0.10"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.7.2",
-    "@tsconfig/node18": "^18.2.2",
+    "@rushstack/eslint-patch": "^1.10.4",
+    "@tsconfig/node18": "^18.2.4",
     "@types/javascript-time-ago": "^2.0.8",
-    "@types/jsdom": "^21.1.6",
-    "@types/node": "^20.11.21",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^20.17.6",
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/test-utils": "^2.4.4",
+    "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.4.0",
-    "autoprefixer": "^10.4.17",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.22.0",
-    "jsdom": "^24.0.0",
-    "npm-run-all2": "^6.1.1",
-    "postcss": "^8.4.35",
-    "prettier": "^3.2.5",
-    "tailwindcss": "^3.4.1",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.57.1",
+    "eslint-plugin-vue": "^9.30.0",
+    "jsdom": "^24.1.3",
+    "npm-run-all2": "^6.2.6",
+    "postcss": "^8.4.47",
+    "prettier": "^3.3.3",
+    "tailwindcss": "^3.4.14",
     "typescript": "~5.2.2",
-    "vite": "^5.2.10",
-    "vitest": "^1.3.1",
+    "vite": "^5.4.10",
+    "vitest": "^1.6.0",
     "vue-tsc": "^1.8.27"
   }
 }
diff --git a/src/webviews/pnpm-lock.yaml b/src/webviews/pnpm-lock.yaml
index 1a4307eb..62214f5d 100644
--- a/src/webviews/pnpm-lock.yaml
+++ b/src/webviews/pnpm-lock.yaml
@@ -12,87 +12,87 @@ importers:
         specifier: ^1.4.0
         version: 1.4.0(react@18.2.0)
       '@vueuse/core':
-        specifier: ^10.9.0
-        version: 10.9.0(vue@3.4.20(typescript@5.2.2))
+        specifier: ^10.11.1
+        version: 10.11.1(vue@3.5.12(typescript@5.2.2))
       highlight.js:
-        specifier: ^11.9.0
-        version: 11.9.0
+        specifier: ^11.10.0
+        version: 11.10.0
       javascript-time-ago:
-        specifier: ^2.5.9
-        version: 2.5.9
+        specifier: ^2.5.11
+        version: 2.5.11
       pinia:
-        specifier: ^2.1.7
-        version: 2.1.7(typescript@5.2.2)(vue@3.4.20(typescript@5.2.2))
+        specifier: ^2.2.6
+        version: 2.2.6(typescript@5.2.2)(vue@3.5.12(typescript@5.2.2))
       vue:
-        specifier: ^3.4.20
-        version: 3.4.20(typescript@5.2.2)
+        specifier: ^3.5.12
+        version: 3.5.12(typescript@5.2.2)
       vue3-markdown-it:
         specifier: ^1.0.10
         version: 1.0.10(@types/markdown-it@13.0.7)
     devDependencies:
       '@rushstack/eslint-patch':
-        specifier: ^1.7.2
-        version: 1.7.2
+        specifier: ^1.10.4
+        version: 1.10.4
       '@tsconfig/node18':
-        specifier: ^18.2.2
-        version: 18.2.2
+        specifier: ^18.2.4
+        version: 18.2.4
       '@types/javascript-time-ago':
         specifier: ^2.0.8
         version: 2.0.8
       '@types/jsdom':
-        specifier: ^21.1.6
-        version: 21.1.6
+        specifier: ^21.1.7
+        version: 21.1.7
       '@types/node':
-        specifier: ^20.11.21
-        version: 20.11.21
+        specifier: ^20.17.6
+        version: 20.17.6
       '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.4(vite@5.2.10(@types/node@20.11.21))(vue@3.4.20(typescript@5.2.2))
+        specifier: ^5.1.4
+        version: 5.1.4(vite@5.4.10(@types/node@20.17.6))(vue@3.5.12(typescript@5.2.2))
       '@vue/eslint-config-prettier':
         specifier: ^8.0.0
-        version: 8.0.0(eslint@8.57.0)(prettier@3.2.5)
+        version: 8.0.0(eslint@8.57.1)(prettier@3.3.3)
       '@vue/eslint-config-typescript':
         specifier: ^12.0.0
-        version: 12.0.0(eslint-plugin-vue@9.22.0(eslint@8.57.0))(eslint@8.57.0)(typescript@5.2.2)
+        version: 12.0.0(eslint-plugin-vue@9.30.0(eslint@8.57.1))(eslint@8.57.1)(typescript@5.2.2)
       '@vue/test-utils':
-        specifier: ^2.4.4
-        version: 2.4.4(@vue/server-renderer@3.4.20(vue@3.4.20(typescript@5.2.2)))(vue@3.4.20(typescript@5.2.2))
+        specifier: ^2.4.6
+        version: 2.4.6
       '@vue/tsconfig':
         specifier: ^0.4.0
         version: 0.4.0
       autoprefixer:
-        specifier: ^10.4.17
-        version: 10.4.17(postcss@8.4.35)
+        specifier: ^10.4.20
+        version: 10.4.20(postcss@8.4.47)
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
+        specifier: ^8.57.1
+        version: 8.57.1
       eslint-plugin-vue:
-        specifier: ^9.22.0
-        version: 9.22.0(eslint@8.57.0)
+        specifier: ^9.30.0
+        version: 9.30.0(eslint@8.57.1)
       jsdom:
-        specifier: ^24.0.0
-        version: 24.0.0
+        specifier: ^24.1.3
+        version: 24.1.3
       npm-run-all2:
-        specifier: ^6.1.1
-        version: 6.1.1
+        specifier: ^6.2.6
+        version: 6.2.6
       postcss:
-        specifier: ^8.4.35
-        version: 8.4.35
+        specifier: ^8.4.47
+        version: 8.4.47
       prettier:
-        specifier: ^3.2.5
-        version: 3.2.5
+        specifier: ^3.3.3
+        version: 3.3.3
       tailwindcss:
-        specifier: ^3.4.1
-        version: 3.4.1
+        specifier: ^3.4.14
+        version: 3.4.14
       typescript:
         specifier: ~5.2.2
         version: 5.2.2
       vite:
-        specifier: ^5.2.10
-        version: 5.2.10(@types/node@20.11.21)
+        specifier: ^5.4.10
+        version: 5.4.10(@types/node@20.17.6)
       vitest:
-        specifier: ^1.3.1
-        version: 1.3.1(@types/node@20.11.21)(jsdom@24.0.0)
+        specifier: ^1.6.0
+        version: 1.6.0(@types/node@20.17.6)(jsdom@24.1.3)
       vue-tsc:
         specifier: ^1.8.27
         version: 1.8.27(typescript@5.2.2)
@@ -107,20 +107,20 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
-  '@babel/code-frame@7.23.5':
-    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-string-parser@7.23.4':
     resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-string-parser@7.25.9':
+    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-identifier@7.22.20':
     resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/highlight@7.23.4':
-    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
+  '@babel/helper-validator-identifier@7.25.9':
+    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
   '@babel/parser@7.23.9':
@@ -128,144 +128,153 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  '@babel/parser@7.26.2':
+    resolution: {integrity: sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   '@babel/types@7.23.9':
     resolution: {integrity: sha512-dQjSq/7HaSjRM43FFGnv5keM2HsxpmyV1PfaSVm0nzzjwwTmjOe6J4bC8e3+pTEIgHaHj+1ZlLThRJ2auc/w1Q==}
     engines: {node: '>=6.9.0'}
 
-  '@esbuild/aix-ppc64@0.20.2':
-    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
+  '@babel/types@7.26.0':
+    resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
+    engines: {node: '>=6.9.0'}
+
+  '@esbuild/aix-ppc64@0.21.5':
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.20.2':
-    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
+  '@esbuild/android-arm64@0.21.5':
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.20.2':
-    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
+  '@esbuild/android-arm@0.21.5':
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.20.2':
-    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
+  '@esbuild/android-x64@0.21.5':
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.20.2':
-    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
+  '@esbuild/darwin-arm64@0.21.5':
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.20.2':
-    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
+  '@esbuild/darwin-x64@0.21.5':
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.20.2':
-    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
+  '@esbuild/freebsd-arm64@0.21.5':
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.20.2':
-    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
+  '@esbuild/freebsd-x64@0.21.5':
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.20.2':
-    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
+  '@esbuild/linux-arm64@0.21.5':
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.20.2':
-    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
+  '@esbuild/linux-arm@0.21.5':
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.20.2':
-    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
+  '@esbuild/linux-ia32@0.21.5':
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.20.2':
-    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
+  '@esbuild/linux-loong64@0.21.5':
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.20.2':
-    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
+  '@esbuild/linux-mips64el@0.21.5':
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.20.2':
-    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
+  '@esbuild/linux-ppc64@0.21.5':
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.20.2':
-    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
+  '@esbuild/linux-riscv64@0.21.5':
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.20.2':
-    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
+  '@esbuild/linux-s390x@0.21.5':
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.20.2':
-    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
+  '@esbuild/linux-x64@0.21.5':
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/netbsd-x64@0.20.2':
-    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
+  '@esbuild/netbsd-x64@0.21.5':
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/openbsd-x64@0.20.2':
-    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
+  '@esbuild/openbsd-x64@0.21.5':
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/sunos-x64@0.20.2':
-    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
+  '@esbuild/sunos-x64@0.21.5':
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.20.2':
-    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
+  '@esbuild/win32-arm64@0.21.5':
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.20.2':
-    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
+  '@esbuild/win32-ia32@0.21.5':
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.20.2':
-    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
+  '@esbuild/win32-x64@0.21.5':
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -284,20 +293,22 @@ packages:
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@eslint/js@8.57.0':
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+  '@eslint/js@8.57.1':
+    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@humanwhocodes/config-array@0.11.14':
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+  '@humanwhocodes/config-array@0.13.0':
+    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
     engines: {node: '>=10.10.0'}
+    deprecated: Use @eslint/config-array instead
 
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
 
-  '@humanwhocodes/object-schema@2.0.2':
-    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+  '@humanwhocodes/object-schema@2.0.3':
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    deprecated: Use @eslint/object-schema instead
 
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
@@ -322,6 +333,9 @@ packages:
   '@jridgewell/sourcemap-codec@1.4.15':
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
   '@jridgewell/trace-mapping@0.3.20':
     resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
 
@@ -362,124 +376,128 @@ packages:
     resolution: {integrity: sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
-  '@rollup/rollup-android-arm-eabi@4.17.2':
-    resolution: {integrity: sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==}
+  '@rollup/rollup-android-arm-eabi@4.24.4':
+    resolution: {integrity: sha512-jfUJrFct/hTA0XDM5p/htWKoNNTbDLY0KRwEt6pyOA6k2fmk0WVwl65PdUdJZgzGEHWx+49LilkcSaumQRyNQw==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.17.2':
-    resolution: {integrity: sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==}
+  '@rollup/rollup-android-arm64@4.24.4':
+    resolution: {integrity: sha512-j4nrEO6nHU1nZUuCfRKoCcvh7PIywQPUCBa2UsootTHvTHIoIu2BzueInGJhhvQO/2FTRdNYpf63xsgEqH9IhA==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.17.2':
-    resolution: {integrity: sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==}
+  '@rollup/rollup-darwin-arm64@4.24.4':
+    resolution: {integrity: sha512-GmU/QgGtBTeraKyldC7cDVVvAJEOr3dFLKneez/n7BvX57UdhOqDsVwzU7UOnYA7AAOt+Xb26lk79PldDHgMIQ==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.17.2':
-    resolution: {integrity: sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==}
+  '@rollup/rollup-darwin-x64@4.24.4':
+    resolution: {integrity: sha512-N6oDBiZCBKlwYcsEPXGDE4g9RoxZLK6vT98M8111cW7VsVJFpNEqvJeIPfsCzbf0XEakPslh72X0gnlMi4Ddgg==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.17.2':
-    resolution: {integrity: sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==}
+  '@rollup/rollup-freebsd-arm64@4.24.4':
+    resolution: {integrity: sha512-py5oNShCCjCyjWXCZNrRGRpjWsF0ic8f4ieBNra5buQz0O/U6mMXCpC1LvrHuhJsNPgRt36tSYMidGzZiJF6mw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.24.4':
+    resolution: {integrity: sha512-L7VVVW9FCnTTp4i7KrmHeDsDvjB4++KOBENYtNYAiYl96jeBThFfhP6HVxL74v4SiZEVDH/1ILscR5U9S4ms4g==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.4':
+    resolution: {integrity: sha512-10ICosOwYChROdQoQo589N5idQIisxjaFE/PAnX2i0Zr84mY0k9zul1ArH0rnJ/fpgiqfu13TFZR5A5YJLOYZA==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.17.2':
-    resolution: {integrity: sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==}
+  '@rollup/rollup-linux-arm-musleabihf@4.24.4':
+    resolution: {integrity: sha512-ySAfWs69LYC7QhRDZNKqNhz2UKN8LDfbKSMAEtoEI0jitwfAG2iZwVqGACJT+kfYvvz3/JgsLlcBP+WWoKCLcw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.17.2':
-    resolution: {integrity: sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==}
+  '@rollup/rollup-linux-arm64-gnu@4.24.4':
+    resolution: {integrity: sha512-uHYJ0HNOI6pGEeZ/5mgm5arNVTI0nLlmrbdph+pGXpC9tFHFDQmDMOEqkmUObRfosJqpU8RliYoGz06qSdtcjg==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.17.2':
-    resolution: {integrity: sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==}
+  '@rollup/rollup-linux-arm64-musl@4.24.4':
+    resolution: {integrity: sha512-38yiWLemQf7aLHDgTg85fh3hW9stJ0Muk7+s6tIkSUOMmi4Xbv5pH/5Bofnsb6spIwD5FJiR+jg71f0CH5OzoA==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.17.2':
-    resolution: {integrity: sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==}
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.4':
+    resolution: {integrity: sha512-q73XUPnkwt9ZNF2xRS4fvneSuaHw2BXuV5rI4cw0fWYVIWIBeDZX7c7FWhFQPNTnE24172K30I+dViWRVD9TwA==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.17.2':
-    resolution: {integrity: sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==}
+  '@rollup/rollup-linux-riscv64-gnu@4.24.4':
+    resolution: {integrity: sha512-Aie/TbmQi6UXokJqDZdmTJuZBCU3QBDA8oTKRGtd4ABi/nHgXICulfg1KI6n9/koDsiDbvHAiQO3YAUNa/7BCw==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.17.2':
-    resolution: {integrity: sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==}
+  '@rollup/rollup-linux-s390x-gnu@4.24.4':
+    resolution: {integrity: sha512-P8MPErVO/y8ohWSP9JY7lLQ8+YMHfTI4bAdtCi3pC2hTeqFJco2jYspzOzTUB8hwUWIIu1xwOrJE11nP+0JFAQ==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.17.2':
-    resolution: {integrity: sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==}
+  '@rollup/rollup-linux-x64-gnu@4.24.4':
+    resolution: {integrity: sha512-K03TljaaoPK5FOyNMZAAEmhlyO49LaE4qCsr0lYHUKyb6QacTNF9pnfPpXnFlFD3TXuFbFbz7tJ51FujUXkXYA==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.17.2':
-    resolution: {integrity: sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==}
+  '@rollup/rollup-linux-x64-musl@4.24.4':
+    resolution: {integrity: sha512-VJYl4xSl/wqG2D5xTYncVWW+26ICV4wubwN9Gs5NrqhJtayikwCXzPL8GDsLnaLU3WwhQ8W02IinYSFJfyo34Q==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.17.2':
-    resolution: {integrity: sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==}
+  '@rollup/rollup-win32-arm64-msvc@4.24.4':
+    resolution: {integrity: sha512-ku2GvtPwQfCqoPFIJCqZ8o7bJcj+Y54cZSr43hHca6jLwAiCbZdBUOrqE6y29QFajNAzzpIOwsckaTFmN6/8TA==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.17.2':
-    resolution: {integrity: sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==}
+  '@rollup/rollup-win32-ia32-msvc@4.24.4':
+    resolution: {integrity: sha512-V3nCe+eTt/W6UYNr/wGvO1fLpHUrnlirlypZfKCT1fG6hWfqhPgQV/K/mRBXBpxc0eKLIF18pIOFVPh0mqHjlg==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.17.2':
-    resolution: {integrity: sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==}
+  '@rollup/rollup-win32-x64-msvc@4.24.4':
+    resolution: {integrity: sha512-LTw1Dfd0mBIEqUVCxbvTE/LLo+9ZxVC9k99v1v4ahg9Aak6FpqOfNu5kRkeTAn0wphoC4JU7No1/rL+bBCEwhg==}
     cpu: [x64]
     os: [win32]
 
-  '@rushstack/eslint-patch@1.7.2':
-    resolution: {integrity: sha512-RbhOOTCNoCrbfkRyoXODZp75MlpiHMgbE5MEBZAnnnLyQNgrigEj4p0lzsMDyc1zVsJDLrivB58tgg3emX0eEA==}
+  '@rushstack/eslint-patch@1.10.4':
+    resolution: {integrity: sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==}
 
   '@sinclair/typebox@0.27.8':
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
 
-  '@tsconfig/node18@18.2.2':
-    resolution: {integrity: sha512-d6McJeGsuoRlwWZmVIeE8CUA27lu6jLjvv1JzqmpsytOYYbVi1tHZEnwCNVOXnj4pyLvneZlFlpXUK+X9wBWyw==}
+  '@tsconfig/node18@18.2.4':
+    resolution: {integrity: sha512-5xxU8vVs9/FNcvm3gE07fPbn9tl6tqGGWA9tSlwsUEkBxtRnTsNmwrV8gasZ9F/EobaSv9+nu8AxUKccw77JpQ==}
 
-  '@types/estree@1.0.5':
-    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+  '@types/estree@1.0.6':
+    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
   '@types/javascript-time-ago@2.0.8':
     resolution: {integrity: sha512-X77q3xUzWVn0qohgurKE1G5NiXZjee8VbLqaukW/HXVkz7bdCFJgOPQ3JVB4IkrDhMS4CviFTmpZuNVg0i2QFA==}
 
-  '@types/jsdom@21.1.6':
-    resolution: {integrity: sha512-/7kkMsC+/kMs7gAYmmBR9P0vGTnOoLhQhyhQJSlXGI5bzTHp6xdo0TtKWQAsz6pmSAeVqKSbqeyP6hytqr9FDw==}
+  '@types/jsdom@21.1.7':
+    resolution: {integrity: sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==}
 
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  '@types/linkify-it@3.0.5':
-    resolution: {integrity: sha512-yg6E+u0/+Zjva+buc3EIb+29XEg4wltq7cSmd4Uc2EE/1nUVmxyzpX6gUXD0V8jIrG0r7YeOGVIbYRkxeooCtw==}
+  '@types/linkify-it@5.0.0':
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
 
   '@types/markdown-it@13.0.7':
     resolution: {integrity: sha512-U/CBi2YUUcTHBt5tjO2r5QV/x0Po6nsYwQU4Y04fBS6vfoImaiZ6f8bi3CjTCxBPQSO1LMyUqkByzi8AidyxfA==}
 
-  '@types/mdurl@1.0.5':
-    resolution: {integrity: sha512-6L6VymKTzYSrEf4Nev4Xa1LCHKrlTlYCBMTlQKFuddo1CvQcE52I0mwfOJayueUC7MJuXOeHTcIU683lzd0cUA==}
+  '@types/mdurl@2.0.0':
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
 
-  '@types/node@18.19.19':
-    resolution: {integrity: sha512-qqV6hSy9zACEhQUy5CEGeuXAZN0fNjqLWRIvOXOwdFYhFoKBiY08VKR5kgchr90+TitLVhpUEb54hk4bYaArUw==}
-
-  '@types/node@20.11.21':
-    resolution: {integrity: sha512-/ySDLGscFPNasfqStUuWWPfL78jompfIoVzLJPVVAHBh6rpG68+pI2Gk+fNLeI8/f1yPYL4s46EleVIc20F1Ow==}
-
-  '@types/normalize-package-data@2.4.4':
-    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
+  '@types/node@20.17.6':
+    resolution: {integrity: sha512-VEI7OdvK2wP7XHnsuXbAJnEpEkF6NjSN45QJlL4VGqZSXsnicpesdTWsg9RISeSdYd3yeRj/y3k5KGjUXYnFwQ==}
 
   '@types/semver@7.5.6':
     resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
@@ -551,27 +569,27 @@ packages:
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
-  '@vitejs/plugin-vue@5.0.4':
-    resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
+  '@vitejs/plugin-vue@5.1.4':
+    resolution: {integrity: sha512-N2XSI2n3sQqp5w7Y/AN/L2XDjBIRGqXko+eDp42sydYSBeJuSm5a1sLf8zakmo8u7tA8NmBgoDLA1HeOESjp9A==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^5.0.0
       vue: ^3.2.25
 
-  '@vitest/expect@1.3.1':
-    resolution: {integrity: sha512-xofQFwIzfdmLLlHa6ag0dPV8YsnKOCP1KdAeVVh34vSjN2dcUiXYCD9htu/9eM7t8Xln4v03U9HLxLpPlsXdZw==}
+  '@vitest/expect@1.6.0':
+    resolution: {integrity: sha512-ixEvFVQjycy/oNgHjqsL6AZCDduC+tflRluaHIzKIsdbzkLn2U/iBnVeJwB6HsIjQBdfMR8Z0tRxKUsvFJEeWQ==}
 
-  '@vitest/runner@1.3.1':
-    resolution: {integrity: sha512-5FzF9c3jG/z5bgCnjr8j9LNq/9OxV2uEBAITOXfoe3rdZJTdO7jzThth7FXv/6b+kdY65tpRQB7WaKhNZwX+Kg==}
+  '@vitest/runner@1.6.0':
+    resolution: {integrity: sha512-P4xgwPjwesuBiHisAVz/LSSZtDjOTPYZVmNAnpHHSR6ONrf8eCJOFRvUwdHn30F5M1fxhqtl7QZQUk2dprIXAg==}
 
-  '@vitest/snapshot@1.3.1':
-    resolution: {integrity: sha512-EF++BZbt6RZmOlE3SuTPu/NfwBF6q4ABS37HHXzs2LUVPBLx2QoY/K0fKpRChSo8eLiuxcbCVfqKgx/dplCDuQ==}
+  '@vitest/snapshot@1.6.0':
+    resolution: {integrity: sha512-+Hx43f8Chus+DCmygqqfetcAZrDJwvTj0ymqjQq4CvmpKFSTVteEOBzCusu1x2tt4OJcvBflyHUE0DZSLgEMtQ==}
 
-  '@vitest/spy@1.3.1':
-    resolution: {integrity: sha512-xAcW+S099ylC9VLU7eZfdT9myV67Nor9w9zhf0mGCYJSO+zM2839tOeROTdikOi/8Qeusffvxb/MyBSOja1Uig==}
+  '@vitest/spy@1.6.0':
+    resolution: {integrity: sha512-leUTap6B/cqi/bQkXUu6bQV5TZPx7pmMBKBQiI0rJA8c3pB56ZsaTbREnF7CJfmvAS4V2cXIBAh/3rVwrrCYgw==}
 
-  '@vitest/utils@1.3.1':
-    resolution: {integrity: sha512-d3Waie/299qqRyHTm2DjADeTaNdNSVsnwHPWrs20JMpjh6eiVq7ggggweO8rc4arhf6rRkWuHKwvxGvejUXZZQ==}
+  '@vitest/utils@1.6.0':
+    resolution: {integrity: sha512-21cPiuGMoMZwiOHa2i4LXkMkMkCGzA+MVFV70jRwHo95dL4x/ts5GZhML1QWuy7yfp3WzK3lRvZi3JnXTYqrBw==}
 
   '@volar/language-core@1.11.1':
     resolution: {integrity: sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==}
@@ -590,17 +608,23 @@ packages:
   '@vue/compiler-core@3.4.20':
     resolution: {integrity: sha512-l7M+xUuL8hrGtRLkrf+62d9zucAdgqNBTbJ/NufCOIuJQhauhfyAKH9ra/qUctCXcULwmclGAVpvmxjbBO30qg==}
 
+  '@vue/compiler-core@3.5.12':
+    resolution: {integrity: sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==}
+
   '@vue/compiler-dom@3.4.20':
     resolution: {integrity: sha512-/cSBGL79HFBYgDnqCNKErOav3bPde3n0sJwJM2Z09rXlkiowV/2SG1tgDAiWS1CatS4Cvo0o74e1vNeCK1R3RA==}
 
-  '@vue/compiler-sfc@3.4.20':
-    resolution: {integrity: sha512-nPuTZz0yxTPzjyYe+9nQQsFYImcz/57UX8N3jyhl5oIUUs2jqqAMaULsAlJwve3qNYfjQzq0bwy3pqJrN9ecZw==}
+  '@vue/compiler-dom@3.5.12':
+    resolution: {integrity: sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==}
 
-  '@vue/compiler-ssr@3.4.20':
-    resolution: {integrity: sha512-b3gFQPiHLvI12C56otzBPpQhZ5kgkJ5RMv/zpLjLC2BIFwX5GktDqYQ7xg0Q2grP6uFI8al3beVKvAVxFtXmIg==}
+  '@vue/compiler-sfc@3.5.12':
+    resolution: {integrity: sha512-2k973OGo2JuAa5+ZlekuQJtitI5CgLMOwgl94BzMCsKZCX/xiqzJYzapl4opFogKHqwJk34vfsaKpfEhd1k5nw==}
 
-  '@vue/devtools-api@6.5.1':
-    resolution: {integrity: sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==}
+  '@vue/compiler-ssr@3.5.12':
+    resolution: {integrity: sha512-eLwc7v6bfGBSM7wZOGPmRavSWzNFF6+PdRhE+VFJhNCgHiF8AM7ccoqcv5kBXA2eWUfigD7byekvf/JsOfKvPA==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
 
   '@vue/eslint-config-prettier@8.0.0':
     resolution: {integrity: sha512-55dPqtC4PM/yBjhAr+yEw6+7KzzdkBuLmnhBrDfp4I48+wy+Giqqj9yUr5T2uD/BkBROjjmqnLZmXRdOx/VtQg==}
@@ -627,43 +651,40 @@ packages:
       typescript:
         optional: true
 
-  '@vue/reactivity@3.4.20':
-    resolution: {integrity: sha512-P5LJcxUkG6inlHr6MHVA4AVFAmRYJQ7ONGWJILNjMjoYuEXFhYviSCb9BEMyszSG/1kWCZbtWQlKSLasFRpThw==}
+  '@vue/reactivity@3.5.12':
+    resolution: {integrity: sha512-UzaN3Da7xnJXdz4Okb/BGbAaomRHc3RdoWqTzlvd9+WBR5m3J39J1fGcHes7U3za0ruYn/iYy/a1euhMEHvTAg==}
 
-  '@vue/runtime-core@3.4.20':
-    resolution: {integrity: sha512-MPvsQpGAxoBqLHjqopt4YPtUYBpq0K6oAWDTwIR1CTNZ3y9O/J2ZVh+i2JpxKNYwANJBiZ20O99NE20uisB7xw==}
+  '@vue/runtime-core@3.5.12':
+    resolution: {integrity: sha512-hrMUYV6tpocr3TL3Ad8DqxOdpDe4zuQY4HPY3X/VRh+L2myQO8MFXPAMarIOSGNu0bFAjh1yBkMPXZBqCk62Uw==}
 
-  '@vue/runtime-dom@3.4.20':
-    resolution: {integrity: sha512-OkbPVP69H+8m74543zMAAx/LIkajxufYyow41gc0s5iF0uplT5uTQ4llDYu1GeJZEI8wjL5ueiPQruk4qwOMmA==}
+  '@vue/runtime-dom@3.5.12':
+    resolution: {integrity: sha512-q8VFxR9A2MRfBr6/55Q3umyoN7ya836FzRXajPB6/Vvuv0zOPL+qltd9rIMzG/DbRLAIlREmnLsplEF/kotXKA==}
 
-  '@vue/server-renderer@3.4.20':
-    resolution: {integrity: sha512-w3VH2GuwxQHA6pJo/HCV22OfVC8Mw4oeHQM+vKeqtRK0OPE1Wilnh+P/SDVGGxPjJsGmyfphi0dbw8UKZQJH9w==}
+  '@vue/server-renderer@3.5.12':
+    resolution: {integrity: sha512-I3QoeDDeEPZm8yR28JtY+rk880Oqmj43hreIBVTicisFTx/Dl7JpG72g/X7YF8hnQD3IFhkky5i2bPonwrTVPg==}
     peerDependencies:
-      vue: 3.4.20
+      vue: 3.5.12
 
   '@vue/shared@3.4.20':
     resolution: {integrity: sha512-KTEngal0aiUvNJ6I1Chk5Ew5XqChsFsxP4GKAYXWb99zKJWjNU72p2FWEOmZWHxHcqtniOJsgnpd3zizdpfEag==}
 
-  '@vue/test-utils@2.4.4':
-    resolution: {integrity: sha512-8jkRxz8pNhClAf4Co4ZrpAoFISdvT3nuSkUlY6Ys6rmTpw3DMWG/X3mw3gQ7QJzgCZO9f+zuE2kW57fi09MW7Q==}
-    peerDependencies:
-      '@vue/server-renderer': ^3.0.1
-      vue: ^3.0.1
-    peerDependenciesMeta:
-      '@vue/server-renderer':
-        optional: true
+  '@vue/shared@3.5.12':
+    resolution: {integrity: sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==}
+
+  '@vue/test-utils@2.4.6':
+    resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
 
   '@vue/tsconfig@0.4.0':
     resolution: {integrity: sha512-CPuIReonid9+zOG/CGTT05FXrPYATEqoDGNrEaqS4hwcw5BUNM2FguC0mOwJD4Jr16UpRVl9N0pY3P+srIbqmg==}
 
-  '@vueuse/core@10.9.0':
-    resolution: {integrity: sha512-/1vjTol8SXnx6xewDEKfS0Ra//ncg4Hb0DaZiwKf7drgfMsKFExQ+FnnENcN6efPen+1kIzhLQoGSy0eDUVOMg==}
+  '@vueuse/core@10.11.1':
+    resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
 
-  '@vueuse/metadata@10.9.0':
-    resolution: {integrity: sha512-iddNbg3yZM0X7qFY2sAotomgdHK7YJ6sKUvQqbvwnf7TmaVPxS4EJydcNsVejNdS8iWCtDk+fYXr7E32nyTnGA==}
+  '@vueuse/metadata@10.11.1':
+    resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
 
-  '@vueuse/shared@10.9.0':
-    resolution: {integrity: sha512-Uud2IWncmAfJvRaFYzv5OHDli+FbOzxiVEQdLCKQKLyhz94PIyFC3CHcH7EDMwIn8NPtD06+PNbC/PiO0LGLtw==}
+  '@vueuse/shared@10.11.1':
+    resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
 
   abbrev@2.0.0:
     resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
@@ -683,8 +704,8 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  agent-base@7.1.0:
-    resolution: {integrity: sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==}
+  agent-base@7.1.1:
+    resolution: {integrity: sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==}
     engines: {node: '>= 14'}
 
   ajv@6.12.6:
@@ -698,10 +719,6 @@ packages:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
 
-  ansi-styles@3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
-
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
@@ -737,8 +754,8 @@ packages:
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
-  autoprefixer@10.4.17:
-    resolution: {integrity: sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==}
+  autoprefixer@10.4.20:
+    resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
@@ -772,8 +789,8 @@ packages:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
 
-  browserslist@4.22.2:
-    resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
+  browserslist@4.24.2:
+    resolution: {integrity: sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -793,17 +810,13 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
-  caniuse-lite@1.0.30001591:
-    resolution: {integrity: sha512-PCzRMei/vXjJyL5mJtzNiUCKP59dm8Apqc3PH8gJkMnMXZGox93RbE76jHsmLwmIo6/3nsYIpJtx0O7u5PqFuQ==}
+  caniuse-lite@1.0.30001679:
+    resolution: {integrity: sha512-j2YqID/YwpLnKzCmBOS4tlZdWprXm3ZmQLBH9ZBXFOhoxLA46fwyBvx6toCBWBmnuwUY/qB3kEU6gFx8qgCroA==}
 
   chai@4.3.10:
     resolution: {integrity: sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==}
     engines: {node: '>=4'}
 
-  chalk@2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
-
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -815,16 +828,10 @@ packages:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
     engines: {node: '>= 8.10.0'}
 
-  color-convert@1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
-
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
 
-  color-name@1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
@@ -881,6 +888,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
+
   decimal.js@10.4.3:
     resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
 
@@ -933,8 +949,8 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  electron-to-chromium@1.4.616:
-    resolution: {integrity: sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==}
+  electron-to-chromium@1.5.55:
+    resolution: {integrity: sha512-6maZ2ASDOTBtjt9FhqYPRnbvKU5tjG0IN9SztUOWYw2AzNDNpKJYLJmlK0/En4Hs/aiWnB+JZ+gW19PIGszgKg==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -949,22 +965,15 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
-  error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
-
-  esbuild@0.20.2:
-    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
+  esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
     engines: {node: '>=12'}
     hasBin: true
 
-  escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
 
-  escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -989,11 +998,11 @@ packages:
       eslint-config-prettier:
         optional: true
 
-  eslint-plugin-vue@9.22.0:
-    resolution: {integrity: sha512-7wCXv5zuVnBtZE/74z4yZ0CM8AjH6bk4MQGm7hZjUC2DBppKU5ioeOk5LGSg/s9a1ZJnIsdPLJpXnu1Rc+cVHg==}
+  eslint-plugin-vue@9.30.0:
+    resolution: {integrity: sha512-CyqlRgShvljFkOeYK8wN5frh/OGTvkj1S7wlr2Q2pUvwq+X5VYiLd6ZjujpgSgLnys2W8qrBLkXQ41SUYaoPIQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
-      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
 
   eslint-scope@7.2.2:
     resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
@@ -1003,9 +1012,10 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint@8.57.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+  eslint@8.57.1:
+    resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
   espree@9.6.1:
@@ -1016,6 +1026,10 @@ packages:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
 
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+    engines: {node: '>=0.10'}
+
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
@@ -1147,10 +1161,6 @@ packages:
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
-  has-flag@3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
-
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -1163,24 +1173,20 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
-  highlight.js@11.9.0:
-    resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
+  highlight.js@11.10.0:
+    resolution: {integrity: sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==}
     engines: {node: '>=12.0.0'}
 
-  hosted-git-info@7.0.1:
-    resolution: {integrity: sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==}
-    engines: {node: ^16.14.0 || >=18.0.0}
-
   html-encoding-sniffer@4.0.0:
     resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
     engines: {node: '>=18'}
 
-  http-proxy-agent@7.0.0:
-    resolution: {integrity: sha512-+ZT+iBxVUQ1asugqnD6oWoRiS25AkjNfG085dKJGtGxkdwLQrMKU5wJr2bOOFAXzKcTuqq+7fZlTMgG3SRfIYQ==}
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
     engines: {node: '>= 14'}
 
-  https-proxy-agent@7.0.2:
-    resolution: {integrity: sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==}
+  https-proxy-agent@7.0.5:
+    resolution: {integrity: sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==}
     engines: {node: '>= 14'}
 
   human-signals@2.1.0:
@@ -1220,9 +1226,6 @@ packages:
   ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
 
-  is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
@@ -1287,8 +1290,8 @@ packages:
     resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
     engines: {node: '>=14'}
 
-  javascript-time-ago@2.5.9:
-    resolution: {integrity: sha512-pQ8mNco/9g9TqWXWWjP0EWl6i/lAQScOyEeXy5AB+f7MfLSdgyV9BJhiOD1zrIac/lrxPYOWNbyl/IW8CW5n0A==}
+  javascript-time-ago@2.5.11:
+    resolution: {integrity: sha512-Zeyf5R7oM1fSMW9zsU3YgAYwE0bimEeF54Udn2ixGd8PUwu+z1Yc5t4Y8YScJDMHD6uCx6giLt3VJR5K4CMwbg==}
 
   jiti@1.21.0:
     resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
@@ -1309,8 +1312,8 @@ packages:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
 
-  jsdom@24.0.0:
-    resolution: {integrity: sha512-UDS2NayCvmXSXVP6mpTj+73JnNQadZlr9N68189xib2tx5Mls7swlTNao26IoHv46BZJFvXygyRtyXd1feAk1A==}
+  jsdom@24.1.3:
+    resolution: {integrity: sha512-MyL55p3Ut3cXbeBEG7Hcv0mVM8pp8PBNWxRqchZnSfAiES1v1mRnMeFfaHWIPULpwsYfvO+ZmMZz5tGCnjzDUQ==}
     engines: {node: '>=18'}
     peerDependencies:
       canvas: ^2.11.2
@@ -1321,8 +1324,8 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
-  json-parse-even-better-errors@3.0.1:
-    resolution: {integrity: sha512-aatBvbL26wVUCLmbWdCpeu9iF5wOyWpagiKkInA+kfws3sWdBrTnsvN2CKcyCYyUrc7rebNBlK6+kteg7ksecg==}
+  json-parse-even-better-errors@3.0.2:
+    resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
   json-schema-traverse@0.4.1:
@@ -1352,10 +1355,6 @@ 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@3.0.3:
     resolution: {integrity: sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==}
 
@@ -1391,14 +1390,13 @@ packages:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
     engines: {node: '>=10'}
 
+  magic-string@0.30.12:
+    resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
+
   magic-string@0.30.5:
     resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
     engines: {node: '>=12'}
 
-  magic-string@0.30.7:
-    resolution: {integrity: sha512-8vBuFF/I/+OSLRmdf2wwFCJCz+nSn0m6DPvGH1fS/KiQoSaR+sETbov0eIk9KhEKy8CYqIkIAnbohxT/4H0kuA==}
-    engines: {node: '>=12'}
-
   markdown-it-abbr@1.0.4:
     resolution: {integrity: sha512-ZeA4Z4SaBbYysZap5iZcxKmlPL6bYA8grqhzJIHB1ikn7njnzaP8uwbtuXc4YXD5LicI4/2Xmc0VwmSiFV04gg==}
 
@@ -1497,6 +1495,9 @@ packages:
   ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
   muggle-string@0.3.1:
     resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}
 
@@ -1511,18 +1512,14 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
-  node-releases@2.0.14:
-    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+  node-releases@2.0.18:
+    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
 
   nopt@7.2.0:
     resolution: {integrity: sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     hasBin: true
 
-  normalize-package-data@6.0.0:
-    resolution: {integrity: sha512-UL7ELRVxYBHBgYEtZCXjxuD5vPxnmvMGq0jp/dGPKKrN7tfsBh2IY7TlJ15WWwdjRWD3RJbnsygUurTK3xkPkg==}
-    engines: {node: ^16.14.0 || >=18.0.0}
-
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -1531,9 +1528,13 @@ packages:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
     engines: {node: '>=0.10.0'}
 
-  npm-run-all2@6.1.1:
-    resolution: {integrity: sha512-lWLbkPZ5BSdXtN8lR+0rc8caKoPdymycpZksyDEC9MOBvfdwTXZ0uVhb7bMcGeXv2/BKtfQuo6Zn3zfc8rxNXA==}
-    engines: {node: ^14.18.0 || >=16.0.0, npm: '>= 8'}
+  npm-normalize-package-bin@3.0.1:
+    resolution: {integrity: sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  npm-run-all2@6.2.6:
+    resolution: {integrity: sha512-tkyb4pc0Zb0oOswCb5tORPk9MvVL6gcDq1cMItQHmsbVk1skk7YF6cH+UU2GxeNLHMuk6wFEOSmEmJ2cnAK1jg==}
+    engines: {node: ^14.18.0 || ^16.13.0 || >=18.0.0, npm: '>= 8'}
     hasBin: true
 
   npm-run-path@4.0.1:
@@ -1547,8 +1548,8 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nwsapi@2.2.7:
-    resolution: {integrity: sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==}
+  nwsapi@2.2.13:
+    resolution: {integrity: sha512-cTGB9ptp9dY9A5VbMSe7fQBcl/tt22Vcqdq8+eN93rblOuE0aCFu4aZ2vMwct/2t+lFnosm8RkQW1I0Omb1UtQ==}
 
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
@@ -1593,10 +1594,6 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
-  parse-json@7.1.1:
-    resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
-    engines: {node: '>=16'}
-
   parse5@7.1.2:
     resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
 
@@ -1639,6 +1636,9 @@ packages:
   picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
   picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
@@ -1652,12 +1652,12 @@ packages:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
 
-  pinia@2.1.7:
-    resolution: {integrity: sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==}
+  pinia@2.2.6:
+    resolution: {integrity: sha512-vIsR8JkDN5Ga2vAxqOE2cJj4VtsHnzpR1Fz30kClxlh0yCHfec6uoMeM3e/ddqmwFUejK3NlrcQa/shnpyT4hA==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
       typescript: '>=4.4.4'
-      vue: ^2.6.14 || ^3.3.0
+      vue: ^2.6.14 || ^3.5.11
     peerDependenciesMeta:
       '@vue/composition-api':
         optional: true
@@ -1712,12 +1712,8 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.4.35:
-    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  postcss@8.4.38:
-    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+  postcss@8.4.47:
+    resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
     engines: {node: ^10 || ^12 || >=14}
 
   prelude-ls@1.2.1:
@@ -1728,8 +1724,8 @@ packages:
     resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
     engines: {node: '>=6.0.0'}
 
-  prettier@3.2.5:
-    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+  prettier@3.3.3:
+    resolution: {integrity: sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -1740,8 +1736,8 @@ packages:
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
-  psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
+  psl@1.10.0:
+    resolution: {integrity: sha512-KSKHEbjAnpUuAUserOq0FxGXCUrzC3WniuSJhvdbs102rL55266ZcHBqLWOsG30spQMlPdpy7icATiAQehg/iA==}
 
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
@@ -1753,8 +1749,8 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  react-is@18.2.0:
-    resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
+  react-is@18.3.1:
+    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
 
   react@18.2.0:
     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
@@ -1763,9 +1759,9 @@ packages:
   read-cache@1.0.0:
     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
 
-  read-pkg@8.1.0:
-    resolution: {integrity: sha512-PORM8AgzXeskHO/WEv312k9U03B8K9JSiWF/8N9sUuFjBa+9SF2u6K7VClzXwDXab51jCd8Nd36CNM+zR97ScQ==}
-    engines: {node: '>=16'}
+  read-package-json-fast@3.0.2:
+    resolution: {integrity: sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
   readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
@@ -1793,14 +1789,17 @@ packages:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
     hasBin: true
 
-  rollup@4.17.2:
-    resolution: {integrity: sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==}
+  rollup@4.24.4:
+    resolution: {integrity: sha512-vGorVWIsWfX3xbcyAS+I047kFKapHYivmkaT63Smj77XwvLSJos6M1xGqZnBPFQFBRZDOcG1QnYEIxAvTr/HjA==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
   rrweb-cssom@0.6.0:
     resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
 
+  rrweb-cssom@0.7.1:
+    resolution: {integrity: sha512-TrEMa7JGdVm0UThDJSx7ddw5nVm3UJS9o9CCIZ72B1vSyEZoziDqBYP3XIoi/12lKrJR8rE3jeFHMok2F/Mnsg==}
+
   run-applescript@5.0.0:
     resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==}
     engines: {node: '>=12'}
@@ -1820,8 +1819,8 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  semver@7.6.0:
-    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+  semver@7.6.3:
+    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -1854,22 +1853,10 @@ packages:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
-  source-map-js@1.2.0:
-    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
-  spdx-correct@3.2.0:
-    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
-
-  spdx-exceptions@2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
-
-  spdx-expression-parse@3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
-
-  spdx-license-ids@3.0.16:
-    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
-
   stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
 
@@ -1912,10 +1899,6 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
-  supports-color@5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -1934,8 +1917,8 @@ packages:
   tabbable@5.3.3:
     resolution: {integrity: sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA==}
 
-  tailwindcss@3.4.1:
-    resolution: {integrity: sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==}
+  tailwindcss@3.4.14:
+    resolution: {integrity: sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
@@ -1952,8 +1935,8 @@ packages:
   tinybench@2.5.1:
     resolution: {integrity: sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg==}
 
-  tinypool@0.8.2:
-    resolution: {integrity: sha512-SUszKYe5wgsxnNOVlBYO6IC+8VGWdVGZWAqUxp3UErNBtptZvWbwyUOyzNL59zigz2rCA92QiL3wvG+JDSdJdQ==}
+  tinypool@0.8.4:
+    resolution: {integrity: sha512-i11VH5gS6IFeLY3gMBQ00/MmLncVP7JLXOw1vlgkytLmJK7QnEr7NXf0LBdxfmNPAeyetukOk0bOYrJrFGjYJQ==}
     engines: {node: '>=14.0.0'}
 
   tinyspy@2.2.1:
@@ -1972,8 +1955,8 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
-  tough-cookie@4.1.3:
-    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
+  tough-cookie@4.1.4:
+    resolution: {integrity: sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==}
     engines: {node: '>=6'}
 
   tr46@5.0.0:
@@ -2007,14 +1990,6 @@ packages:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
 
-  type-fest@3.13.1:
-    resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
-    engines: {node: '>=14.16'}
-
-  type-fest@4.8.3:
-    resolution: {integrity: sha512-//BaTm14Q/gHBn09xlnKNqfI8t6bmdzx2DXYfPBNofN0WUybCEUDcbCWcTa0oF09lzLjZgPphXAsvRiMK0V6Bw==}
-    engines: {node: '>=16'}
-
   typescript@5.2.2:
     resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
     engines: {node: '>=14.17'}
@@ -2026,8 +2001,8 @@ packages:
   ufo@1.3.2:
     resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
 
-  undici-types@5.26.5:
-    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+  undici-types@6.19.8:
+    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
 
   universalify@0.2.0:
     resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
@@ -2037,8 +2012,8 @@ packages:
     resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
     engines: {node: '>=8'}
 
-  update-browserslist-db@1.0.13:
-    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+  update-browserslist-db@1.1.1:
+    resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
@@ -2052,16 +2027,13 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  validate-npm-package-license@3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
-
-  vite-node@1.3.1:
-    resolution: {integrity: sha512-azbRrqRxlWTJEVbzInZCTchx0X69M/XPTCz4H+TLvlTcR/xH/3hkRqhOakT41fMJCMzXTu4UvegkZiEoJAWvng==}
+  vite-node@1.6.0:
+    resolution: {integrity: sha512-de6HJgzC+TFzOu0NTC4RAIsyf/DY/ibWDYQUcuEA84EMHhcefTUGkjFHKKEJhQN4A+6I0u++kr3l36ZF2d7XRw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
-  vite@5.2.10:
-    resolution: {integrity: sha512-PAzgUZbP7msvQvqdSD+ErD5qGnSFiGOoWmV5yAKUEI0kdhjbH6nMWVyZQC/hSc4aXwc0oJ9aEdIiF9Oje0JFCw==}
+  vite@5.4.10:
+    resolution: {integrity: sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -2069,6 +2041,7 @@ packages:
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
+      sass-embedded: '*'
       stylus: '*'
       sugarss: '*'
       terser: ^5.4.0
@@ -2081,6 +2054,8 @@ packages:
         optional: true
       sass:
         optional: true
+      sass-embedded:
+        optional: true
       stylus:
         optional: true
       sugarss:
@@ -2088,15 +2063,15 @@ packages:
       terser:
         optional: true
 
-  vitest@1.3.1:
-    resolution: {integrity: sha512-/1QJqXs8YbCrfv/GPQ05wAZf2eakUPLPa18vkJAKE7RXOKfVHqMZZ1WlTjiwl6Gcn65M5vpNUB6EFLnEdRdEXQ==}
+  vitest@1.6.0:
+    resolution: {integrity: sha512-H5r/dN06swuFnzNFhq/dnz37bPXnq8xB2xB5JOVk8K09rUtoeNN+LHWkoQ0A/i3hvbUKKcCei9KpbxqHMLhLLA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/node': ^18.0.0 || >=20.0.0
-      '@vitest/browser': 1.3.1
-      '@vitest/ui': 1.3.1
+      '@vitest/browser': 1.6.0
+      '@vitest/ui': 1.6.0
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -2113,22 +2088,11 @@ packages:
       jsdom:
         optional: true
 
-  vue-component-type-helpers@1.8.25:
-    resolution: {integrity: sha512-NCA6sekiJIMnMs4DdORxATXD+/NRkQpS32UC+I1KQJUasx+Z7MZUb3Y+MsKsFmX+PgyTYSteb73JW77AibaCCw==}
-
-  vue-demi@0.14.6:
-    resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
-    engines: {node: '>=12'}
-    hasBin: true
-    peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.0.0-0 || ^2.6.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
+  vue-component-type-helpers@2.1.10:
+    resolution: {integrity: sha512-lfgdSLQKrUmADiSV6PbBvYgQ33KF3Ztv6gP85MfGaGaSGMTXORVaHT1EHfsqCgzRNBstPKYDmvAV9Do5CmJ07A==}
 
-  vue-demi@0.14.7:
-    resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==}
+  vue-demi@0.14.10:
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
     engines: {node: '>=12'}
     hasBin: true
     peerDependencies:
@@ -2144,8 +2108,8 @@ packages:
     peerDependencies:
       eslint: '>=6.0.0'
 
-  vue-eslint-parser@9.4.2:
-    resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==}
+  vue-eslint-parser@9.4.3:
+    resolution: {integrity: sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
@@ -2162,8 +2126,8 @@ packages:
   vue3-markdown-it@1.0.10:
     resolution: {integrity: sha512-mTvHu0zl7jrh7ojgaZ+tTpCLiS4CVg4bTgTu4KGhw/cRRY5YgIG8QgFAPu6kCzSW6Znc9a52Beb6hFvF4hSMkQ==}
 
-  vue@3.4.20:
-    resolution: {integrity: sha512-xF4zDKXp67NjgORFX/HOuaiaKYjgxkaToK0KWglFQEYlCw9AqgBlj1yu5xa6YaRek47w2IGiuvpvrGg/XuQFCw==}
+  vue@3.5.12:
+    resolution: {integrity: sha512-CLVZtXtn2ItBIi/zHZ0Sg1Xkb7+PU32bJJ8Bmy7ts3jxXTcbfsEfBivFYYWz1Hur+lalqGAh65Coin0r+HRUfg==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -2195,6 +2159,11 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
+  which@3.0.1:
+    resolution: {integrity: sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+
   why-is-node-running@2.2.2:
     resolution: {integrity: sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
     engines: {node: '>=8'}
@@ -2211,8 +2180,8 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  ws@8.16.0:
-    resolution: {integrity: sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==}
+  ws@8.18.0:
+    resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -2245,8 +2214,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yocto-queue@1.0.0:
-    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+  yocto-queue@1.1.1:
+    resolution: {integrity: sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==}
     engines: {node: '>=12.20'}
 
 snapshots:
@@ -2255,103 +2224,105 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
-  '@babel/code-frame@7.23.5':
-    dependencies:
-      '@babel/highlight': 7.23.4
-      chalk: 2.4.2
-
   '@babel/helper-string-parser@7.23.4': {}
 
+  '@babel/helper-string-parser@7.25.9': {}
+
   '@babel/helper-validator-identifier@7.22.20': {}
 
-  '@babel/highlight@7.23.4':
-    dependencies:
-      '@babel/helper-validator-identifier': 7.22.20
-      chalk: 2.4.2
-      js-tokens: 4.0.0
+  '@babel/helper-validator-identifier@7.25.9': {}
 
   '@babel/parser@7.23.9':
     dependencies:
       '@babel/types': 7.23.9
 
+  '@babel/parser@7.26.2':
+    dependencies:
+      '@babel/types': 7.26.0
+
   '@babel/types@7.23.9':
     dependencies:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  '@esbuild/aix-ppc64@0.20.2':
+  '@babel/types@7.26.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
+
+  '@esbuild/aix-ppc64@0.21.5':
     optional: true
 
-  '@esbuild/android-arm64@0.20.2':
+  '@esbuild/android-arm64@0.21.5':
     optional: true
 
-  '@esbuild/android-arm@0.20.2':
+  '@esbuild/android-arm@0.21.5':
     optional: true
 
-  '@esbuild/android-x64@0.20.2':
+  '@esbuild/android-x64@0.21.5':
     optional: true
 
-  '@esbuild/darwin-arm64@0.20.2':
+  '@esbuild/darwin-arm64@0.21.5':
     optional: true
 
-  '@esbuild/darwin-x64@0.20.2':
+  '@esbuild/darwin-x64@0.21.5':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.20.2':
+  '@esbuild/freebsd-arm64@0.21.5':
     optional: true
 
-  '@esbuild/freebsd-x64@0.20.2':
+  '@esbuild/freebsd-x64@0.21.5':
     optional: true
 
-  '@esbuild/linux-arm64@0.20.2':
+  '@esbuild/linux-arm64@0.21.5':
     optional: true
 
-  '@esbuild/linux-arm@0.20.2':
+  '@esbuild/linux-arm@0.21.5':
     optional: true
 
-  '@esbuild/linux-ia32@0.20.2':
+  '@esbuild/linux-ia32@0.21.5':
     optional: true
 
-  '@esbuild/linux-loong64@0.20.2':
+  '@esbuild/linux-loong64@0.21.5':
     optional: true
 
-  '@esbuild/linux-mips64el@0.20.2':
+  '@esbuild/linux-mips64el@0.21.5':
     optional: true
 
-  '@esbuild/linux-ppc64@0.20.2':
+  '@esbuild/linux-ppc64@0.21.5':
     optional: true
 
-  '@esbuild/linux-riscv64@0.20.2':
+  '@esbuild/linux-riscv64@0.21.5':
     optional: true
 
-  '@esbuild/linux-s390x@0.20.2':
+  '@esbuild/linux-s390x@0.21.5':
     optional: true
 
-  '@esbuild/linux-x64@0.20.2':
+  '@esbuild/linux-x64@0.21.5':
     optional: true
 
-  '@esbuild/netbsd-x64@0.20.2':
+  '@esbuild/netbsd-x64@0.21.5':
     optional: true
 
-  '@esbuild/openbsd-x64@0.20.2':
+  '@esbuild/openbsd-x64@0.21.5':
     optional: true
 
-  '@esbuild/sunos-x64@0.20.2':
+  '@esbuild/sunos-x64@0.21.5':
     optional: true
 
-  '@esbuild/win32-arm64@0.20.2':
+  '@esbuild/win32-arm64@0.21.5':
     optional: true
 
-  '@esbuild/win32-ia32@0.20.2':
+  '@esbuild/win32-ia32@0.21.5':
     optional: true
 
-  '@esbuild/win32-x64@0.20.2':
+  '@esbuild/win32-x64@0.21.5':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.1)':
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.10.0': {}
@@ -2370,11 +2341,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@8.57.0': {}
+  '@eslint/js@8.57.1': {}
 
-  '@humanwhocodes/config-array@0.11.14':
+  '@humanwhocodes/config-array@0.13.0':
     dependencies:
-      '@humanwhocodes/object-schema': 2.0.2
+      '@humanwhocodes/object-schema': 2.0.3
       debug: 4.3.4
       minimatch: 3.1.2
     transitivePeerDependencies:
@@ -2382,7 +2353,7 @@ snapshots:
 
   '@humanwhocodes/module-importer@1.0.1': {}
 
-  '@humanwhocodes/object-schema@2.0.2': {}
+  '@humanwhocodes/object-schema@2.0.3': {}
 
   '@isaacs/cliui@8.0.2':
     dependencies:
@@ -2409,6 +2380,8 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.4.15': {}
 
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
   '@jridgewell/trace-mapping@0.3.20':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
@@ -2459,90 +2432,90 @@ snapshots:
       picocolors: 1.0.0
       tslib: 2.6.2
 
-  '@rollup/rollup-android-arm-eabi@4.17.2':
+  '@rollup/rollup-android-arm-eabi@4.24.4':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.17.2':
+  '@rollup/rollup-android-arm64@4.24.4':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.17.2':
+  '@rollup/rollup-darwin-arm64@4.24.4':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.17.2':
+  '@rollup/rollup-darwin-x64@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.17.2':
+  '@rollup/rollup-freebsd-arm64@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.17.2':
+  '@rollup/rollup-freebsd-x64@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.17.2':
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.17.2':
+  '@rollup/rollup-linux-arm-musleabihf@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.17.2':
+  '@rollup/rollup-linux-arm64-gnu@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.17.2':
+  '@rollup/rollup-linux-arm64-musl@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.17.2':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.17.2':
+  '@rollup/rollup-linux-riscv64-gnu@4.24.4':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.17.2':
+  '@rollup/rollup-linux-s390x-gnu@4.24.4':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.17.2':
+  '@rollup/rollup-linux-x64-gnu@4.24.4':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.17.2':
+  '@rollup/rollup-linux-x64-musl@4.24.4':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.17.2':
+  '@rollup/rollup-win32-arm64-msvc@4.24.4':
     optional: true
 
-  '@rushstack/eslint-patch@1.7.2': {}
+  '@rollup/rollup-win32-ia32-msvc@4.24.4':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.24.4':
+    optional: true
+
+  '@rushstack/eslint-patch@1.10.4': {}
 
   '@sinclair/typebox@0.27.8': {}
 
-  '@tsconfig/node18@18.2.2': {}
+  '@tsconfig/node18@18.2.4': {}
 
-  '@types/estree@1.0.5': {}
+  '@types/estree@1.0.6': {}
 
   '@types/javascript-time-ago@2.0.8': {}
 
-  '@types/jsdom@21.1.6':
+  '@types/jsdom@21.1.7':
     dependencies:
-      '@types/node': 18.19.19
+      '@types/node': 20.17.6
       '@types/tough-cookie': 4.0.5
       parse5: 7.1.2
 
   '@types/json-schema@7.0.15': {}
 
-  '@types/linkify-it@3.0.5': {}
+  '@types/linkify-it@5.0.0': {}
 
   '@types/markdown-it@13.0.7':
     dependencies:
-      '@types/linkify-it': 3.0.5
-      '@types/mdurl': 1.0.5
+      '@types/linkify-it': 5.0.0
+      '@types/mdurl': 2.0.0
 
-  '@types/mdurl@1.0.5': {}
+  '@types/mdurl@2.0.0': {}
 
-  '@types/node@18.19.19':
+  '@types/node@20.17.6':
     dependencies:
-      undici-types: 5.26.5
-
-  '@types/node@20.11.21':
-    dependencies:
-      undici-types: 5.26.5
-
-  '@types/normalize-package-data@2.4.4': {}
+      undici-types: 6.19.8
 
   '@types/semver@7.5.6': {}
 
@@ -2550,16 +2523,16 @@ snapshots:
 
   '@types/web-bluetooth@0.0.20': {}
 
-  '@typescript-eslint/eslint-plugin@6.14.0(@typescript-eslint/parser@6.14.0(eslint@8.57.0)(typescript@5.2.2))(eslint@8.57.0)(typescript@5.2.2)':
+  '@typescript-eslint/eslint-plugin@6.14.0(@typescript-eslint/parser@6.14.0(eslint@8.57.1)(typescript@5.2.2))(eslint@8.57.1)(typescript@5.2.2)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
-      '@typescript-eslint/parser': 6.14.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.14.0(eslint@8.57.1)(typescript@5.2.2)
       '@typescript-eslint/scope-manager': 6.14.0
-      '@typescript-eslint/type-utils': 6.14.0(eslint@8.57.0)(typescript@5.2.2)
-      '@typescript-eslint/utils': 6.14.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/type-utils': 6.14.0(eslint@8.57.1)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.14.0(eslint@8.57.1)(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': 6.14.0
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 8.57.1
       graphemer: 1.4.0
       ignore: 5.3.0
       natural-compare: 1.4.0
@@ -2570,14 +2543,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@6.14.0(eslint@8.57.0)(typescript@5.2.2)':
+  '@typescript-eslint/parser@6.14.0(eslint@8.57.1)(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.14.0
       '@typescript-eslint/types': 6.14.0
       '@typescript-eslint/typescript-estree': 6.14.0(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': 6.14.0
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 8.57.1
     optionalDependencies:
       typescript: 5.2.2
     transitivePeerDependencies:
@@ -2588,12 +2561,12 @@ snapshots:
       '@typescript-eslint/types': 6.14.0
       '@typescript-eslint/visitor-keys': 6.14.0
 
-  '@typescript-eslint/type-utils@6.14.0(eslint@8.57.0)(typescript@5.2.2)':
+  '@typescript-eslint/type-utils@6.14.0(eslint@8.57.1)(typescript@5.2.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 6.14.0(typescript@5.2.2)
-      '@typescript-eslint/utils': 6.14.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.14.0(eslint@8.57.1)(typescript@5.2.2)
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 8.57.1
       ts-api-utils: 1.0.3(typescript@5.2.2)
     optionalDependencies:
       typescript: 5.2.2
@@ -2616,15 +2589,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@6.14.0(eslint@8.57.0)(typescript@5.2.2)':
+  '@typescript-eslint/utils@6.14.0(eslint@8.57.1)(typescript@5.2.2)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.6
       '@typescript-eslint/scope-manager': 6.14.0
       '@typescript-eslint/types': 6.14.0
       '@typescript-eslint/typescript-estree': 6.14.0(typescript@5.2.2)
-      eslint: 8.57.0
+      eslint: 8.57.1
       semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
@@ -2637,34 +2610,34 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@vitejs/plugin-vue@5.0.4(vite@5.2.10(@types/node@20.11.21))(vue@3.4.20(typescript@5.2.2))':
+  '@vitejs/plugin-vue@5.1.4(vite@5.4.10(@types/node@20.17.6))(vue@3.5.12(typescript@5.2.2))':
     dependencies:
-      vite: 5.2.10(@types/node@20.11.21)
-      vue: 3.4.20(typescript@5.2.2)
+      vite: 5.4.10(@types/node@20.17.6)
+      vue: 3.5.12(typescript@5.2.2)
 
-  '@vitest/expect@1.3.1':
+  '@vitest/expect@1.6.0':
     dependencies:
-      '@vitest/spy': 1.3.1
-      '@vitest/utils': 1.3.1
+      '@vitest/spy': 1.6.0
+      '@vitest/utils': 1.6.0
       chai: 4.3.10
 
-  '@vitest/runner@1.3.1':
+  '@vitest/runner@1.6.0':
     dependencies:
-      '@vitest/utils': 1.3.1
+      '@vitest/utils': 1.6.0
       p-limit: 5.0.0
       pathe: 1.1.1
 
-  '@vitest/snapshot@1.3.1':
+  '@vitest/snapshot@1.6.0':
     dependencies:
       magic-string: 0.30.5
       pathe: 1.1.1
       pretty-format: 29.7.0
 
-  '@vitest/spy@1.3.1':
+  '@vitest/spy@1.6.0':
     dependencies:
       tinyspy: 2.2.1
 
-  '@vitest/utils@1.3.1':
+  '@vitest/utils@1.6.0':
     dependencies:
       diff-sequences: 29.6.3
       estree-walker: 3.0.3
@@ -2700,46 +2673,59 @@ snapshots:
       estree-walker: 2.0.2
       source-map-js: 1.0.2
 
+  '@vue/compiler-core@3.5.12':
+    dependencies:
+      '@babel/parser': 7.26.2
+      '@vue/shared': 3.5.12
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
   '@vue/compiler-dom@3.4.20':
     dependencies:
       '@vue/compiler-core': 3.4.20
       '@vue/shared': 3.4.20
 
-  '@vue/compiler-sfc@3.4.20':
+  '@vue/compiler-dom@3.5.12':
     dependencies:
-      '@babel/parser': 7.23.9
-      '@vue/compiler-core': 3.4.20
-      '@vue/compiler-dom': 3.4.20
-      '@vue/compiler-ssr': 3.4.20
-      '@vue/shared': 3.4.20
+      '@vue/compiler-core': 3.5.12
+      '@vue/shared': 3.5.12
+
+  '@vue/compiler-sfc@3.5.12':
+    dependencies:
+      '@babel/parser': 7.26.2
+      '@vue/compiler-core': 3.5.12
+      '@vue/compiler-dom': 3.5.12
+      '@vue/compiler-ssr': 3.5.12
+      '@vue/shared': 3.5.12
       estree-walker: 2.0.2
-      magic-string: 0.30.7
-      postcss: 8.4.35
-      source-map-js: 1.0.2
+      magic-string: 0.30.12
+      postcss: 8.4.47
+      source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.4.20':
+  '@vue/compiler-ssr@3.5.12':
     dependencies:
-      '@vue/compiler-dom': 3.4.20
-      '@vue/shared': 3.4.20
+      '@vue/compiler-dom': 3.5.12
+      '@vue/shared': 3.5.12
 
-  '@vue/devtools-api@6.5.1': {}
+  '@vue/devtools-api@6.6.4': {}
 
-  '@vue/eslint-config-prettier@8.0.0(eslint@8.57.0)(prettier@3.2.5)':
+  '@vue/eslint-config-prettier@8.0.0(eslint@8.57.1)(prettier@3.3.3)':
     dependencies:
-      eslint: 8.57.0
-      eslint-config-prettier: 8.10.0(eslint@8.57.0)
-      eslint-plugin-prettier: 5.0.1(eslint-config-prettier@8.10.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.2.5)
-      prettier: 3.2.5
+      eslint: 8.57.1
+      eslint-config-prettier: 8.10.0(eslint@8.57.1)
+      eslint-plugin-prettier: 5.0.1(eslint-config-prettier@8.10.0(eslint@8.57.1))(eslint@8.57.1)(prettier@3.3.3)
+      prettier: 3.3.3
     transitivePeerDependencies:
       - '@types/eslint'
 
-  '@vue/eslint-config-typescript@12.0.0(eslint-plugin-vue@9.22.0(eslint@8.57.0))(eslint@8.57.0)(typescript@5.2.2)':
+  '@vue/eslint-config-typescript@12.0.0(eslint-plugin-vue@9.30.0(eslint@8.57.1))(eslint@8.57.1)(typescript@5.2.2)':
     dependencies:
-      '@typescript-eslint/eslint-plugin': 6.14.0(@typescript-eslint/parser@6.14.0(eslint@8.57.0)(typescript@5.2.2))(eslint@8.57.0)(typescript@5.2.2)
-      '@typescript-eslint/parser': 6.14.0(eslint@8.57.0)(typescript@5.2.2)
-      eslint: 8.57.0
-      eslint-plugin-vue: 9.22.0(eslint@8.57.0)
-      vue-eslint-parser: 9.3.2(eslint@8.57.0)
+      '@typescript-eslint/eslint-plugin': 6.14.0(@typescript-eslint/parser@6.14.0(eslint@8.57.1)(typescript@5.2.2))(eslint@8.57.1)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.14.0(eslint@8.57.1)(typescript@5.2.2)
+      eslint: 8.57.1
+      eslint-plugin-vue: 9.30.0(eslint@8.57.1)
+      vue-eslint-parser: 9.3.2(eslint@8.57.1)
     optionalDependencies:
       typescript: 5.2.2
     transitivePeerDependencies:
@@ -2759,54 +2745,54 @@ snapshots:
     optionalDependencies:
       typescript: 5.2.2
 
-  '@vue/reactivity@3.4.20':
+  '@vue/reactivity@3.5.12':
     dependencies:
-      '@vue/shared': 3.4.20
+      '@vue/shared': 3.5.12
 
-  '@vue/runtime-core@3.4.20':
+  '@vue/runtime-core@3.5.12':
     dependencies:
-      '@vue/reactivity': 3.4.20
-      '@vue/shared': 3.4.20
+      '@vue/reactivity': 3.5.12
+      '@vue/shared': 3.5.12
 
-  '@vue/runtime-dom@3.4.20':
+  '@vue/runtime-dom@3.5.12':
     dependencies:
-      '@vue/runtime-core': 3.4.20
-      '@vue/shared': 3.4.20
+      '@vue/reactivity': 3.5.12
+      '@vue/runtime-core': 3.5.12
+      '@vue/shared': 3.5.12
       csstype: 3.1.3
 
-  '@vue/server-renderer@3.4.20(vue@3.4.20(typescript@5.2.2))':
+  '@vue/server-renderer@3.5.12(vue@3.5.12(typescript@5.2.2))':
     dependencies:
-      '@vue/compiler-ssr': 3.4.20
-      '@vue/shared': 3.4.20
-      vue: 3.4.20(typescript@5.2.2)
+      '@vue/compiler-ssr': 3.5.12
+      '@vue/shared': 3.5.12
+      vue: 3.5.12(typescript@5.2.2)
 
   '@vue/shared@3.4.20': {}
 
-  '@vue/test-utils@2.4.4(@vue/server-renderer@3.4.20(vue@3.4.20(typescript@5.2.2)))(vue@3.4.20(typescript@5.2.2))':
+  '@vue/shared@3.5.12': {}
+
+  '@vue/test-utils@2.4.6':
     dependencies:
       js-beautify: 1.14.11
-      vue: 3.4.20(typescript@5.2.2)
-      vue-component-type-helpers: 1.8.25
-    optionalDependencies:
-      '@vue/server-renderer': 3.4.20(vue@3.4.20(typescript@5.2.2))
+      vue-component-type-helpers: 2.1.10
 
   '@vue/tsconfig@0.4.0': {}
 
-  '@vueuse/core@10.9.0(vue@3.4.20(typescript@5.2.2))':
+  '@vueuse/core@10.11.1(vue@3.5.12(typescript@5.2.2))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 10.9.0
-      '@vueuse/shared': 10.9.0(vue@3.4.20(typescript@5.2.2))
-      vue-demi: 0.14.7(vue@3.4.20(typescript@5.2.2))
+      '@vueuse/metadata': 10.11.1
+      '@vueuse/shared': 10.11.1(vue@3.5.12(typescript@5.2.2))
+      vue-demi: 0.14.10(vue@3.5.12(typescript@5.2.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/metadata@10.9.0': {}
+  '@vueuse/metadata@10.11.1': {}
 
-  '@vueuse/shared@10.9.0(vue@3.4.20(typescript@5.2.2))':
+  '@vueuse/shared@10.11.1(vue@3.5.12(typescript@5.2.2))':
     dependencies:
-      vue-demi: 0.14.7(vue@3.4.20(typescript@5.2.2))
+      vue-demi: 0.14.10(vue@3.5.12(typescript@5.2.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -2821,9 +2807,9 @@ snapshots:
 
   acorn@8.11.2: {}
 
-  agent-base@7.1.0:
+  agent-base@7.1.1:
     dependencies:
-      debug: 4.3.4
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
@@ -2838,10 +2824,6 @@ snapshots:
 
   ansi-regex@6.0.1: {}
 
-  ansi-styles@3.2.1:
-    dependencies:
-      color-convert: 1.9.3
-
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
@@ -2867,14 +2849,14 @@ snapshots:
 
   asynckit@0.4.0: {}
 
-  autoprefixer@10.4.17(postcss@8.4.35):
+  autoprefixer@10.4.20(postcss@8.4.47):
     dependencies:
-      browserslist: 4.22.2
-      caniuse-lite: 1.0.30001591
+      browserslist: 4.24.2
+      caniuse-lite: 1.0.30001679
       fraction.js: 4.3.7
       normalize-range: 0.1.2
-      picocolors: 1.0.0
-      postcss: 8.4.35
+      picocolors: 1.1.1
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
   balanced-match@1.0.2: {}
@@ -2902,12 +2884,12 @@ snapshots:
     dependencies:
       fill-range: 7.0.1
 
-  browserslist@4.22.2:
+  browserslist@4.24.2:
     dependencies:
-      caniuse-lite: 1.0.30001591
-      electron-to-chromium: 1.4.616
-      node-releases: 2.0.14
-      update-browserslist-db: 1.0.13(browserslist@4.22.2)
+      caniuse-lite: 1.0.30001679
+      electron-to-chromium: 1.5.55
+      node-releases: 2.0.18
+      update-browserslist-db: 1.1.1(browserslist@4.24.2)
 
   bundle-name@3.0.0:
     dependencies:
@@ -2919,7 +2901,7 @@ snapshots:
 
   camelcase-css@2.0.1: {}
 
-  caniuse-lite@1.0.30001591: {}
+  caniuse-lite@1.0.30001679: {}
 
   chai@4.3.10:
     dependencies:
@@ -2931,12 +2913,6 @@ snapshots:
       pathval: 1.1.1
       type-detect: 4.0.8
 
-  chalk@2.4.2:
-    dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
-
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
@@ -2958,16 +2934,10 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  color-convert@1.9.3:
-    dependencies:
-      color-name: 1.1.3
-
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
 
-  color-name@1.1.3: {}
-
   color-name@1.1.4: {}
 
   combined-stream@1.0.8:
@@ -3012,6 +2982,10 @@ snapshots:
     dependencies:
       ms: 2.1.2
 
+  debug@4.3.7:
+    dependencies:
+      ms: 2.1.3
+
   decimal.js@10.4.3: {}
 
   deep-eql@4.1.3:
@@ -3059,7 +3033,7 @@ snapshots:
       minimatch: 9.0.1
       semver: 7.5.4
 
-  electron-to-chromium@1.4.616: {}
+  electron-to-chromium@1.5.55: {}
 
   emoji-regex@8.0.0: {}
 
@@ -3069,64 +3043,59 @@ snapshots:
 
   entities@4.5.0: {}
 
-  error-ex@1.3.2:
-    dependencies:
-      is-arrayish: 0.2.1
-
-  esbuild@0.20.2:
+  esbuild@0.21.5:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.20.2
-      '@esbuild/android-arm': 0.20.2
-      '@esbuild/android-arm64': 0.20.2
-      '@esbuild/android-x64': 0.20.2
-      '@esbuild/darwin-arm64': 0.20.2
-      '@esbuild/darwin-x64': 0.20.2
-      '@esbuild/freebsd-arm64': 0.20.2
-      '@esbuild/freebsd-x64': 0.20.2
-      '@esbuild/linux-arm': 0.20.2
-      '@esbuild/linux-arm64': 0.20.2
-      '@esbuild/linux-ia32': 0.20.2
-      '@esbuild/linux-loong64': 0.20.2
-      '@esbuild/linux-mips64el': 0.20.2
-      '@esbuild/linux-ppc64': 0.20.2
-      '@esbuild/linux-riscv64': 0.20.2
-      '@esbuild/linux-s390x': 0.20.2
-      '@esbuild/linux-x64': 0.20.2
-      '@esbuild/netbsd-x64': 0.20.2
-      '@esbuild/openbsd-x64': 0.20.2
-      '@esbuild/sunos-x64': 0.20.2
-      '@esbuild/win32-arm64': 0.20.2
-      '@esbuild/win32-ia32': 0.20.2
-      '@esbuild/win32-x64': 0.20.2
-
-  escalade@3.1.1: {}
-
-  escape-string-regexp@1.0.5: {}
+      '@esbuild/aix-ppc64': 0.21.5
+      '@esbuild/android-arm': 0.21.5
+      '@esbuild/android-arm64': 0.21.5
+      '@esbuild/android-x64': 0.21.5
+      '@esbuild/darwin-arm64': 0.21.5
+      '@esbuild/darwin-x64': 0.21.5
+      '@esbuild/freebsd-arm64': 0.21.5
+      '@esbuild/freebsd-x64': 0.21.5
+      '@esbuild/linux-arm': 0.21.5
+      '@esbuild/linux-arm64': 0.21.5
+      '@esbuild/linux-ia32': 0.21.5
+      '@esbuild/linux-loong64': 0.21.5
+      '@esbuild/linux-mips64el': 0.21.5
+      '@esbuild/linux-ppc64': 0.21.5
+      '@esbuild/linux-riscv64': 0.21.5
+      '@esbuild/linux-s390x': 0.21.5
+      '@esbuild/linux-x64': 0.21.5
+      '@esbuild/netbsd-x64': 0.21.5
+      '@esbuild/openbsd-x64': 0.21.5
+      '@esbuild/sunos-x64': 0.21.5
+      '@esbuild/win32-arm64': 0.21.5
+      '@esbuild/win32-ia32': 0.21.5
+      '@esbuild/win32-x64': 0.21.5
+
+  escalade@3.2.0: {}
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-prettier@8.10.0(eslint@8.57.0):
+  eslint-config-prettier@8.10.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
 
-  eslint-plugin-prettier@5.0.1(eslint-config-prettier@8.10.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.2.5):
+  eslint-plugin-prettier@5.0.1(eslint-config-prettier@8.10.0(eslint@8.57.1))(eslint@8.57.1)(prettier@3.3.3):
     dependencies:
-      eslint: 8.57.0
-      prettier: 3.2.5
+      eslint: 8.57.1
+      prettier: 3.3.3
       prettier-linter-helpers: 1.0.0
       synckit: 0.8.6
     optionalDependencies:
-      eslint-config-prettier: 8.10.0(eslint@8.57.0)
+      eslint-config-prettier: 8.10.0(eslint@8.57.1)
 
-  eslint-plugin-vue@9.22.0(eslint@8.57.0):
+  eslint-plugin-vue@9.30.0(eslint@8.57.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      eslint: 8.57.0
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
+      eslint: 8.57.1
+      globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.0.15
-      semver: 7.6.0
-      vue-eslint-parser: 9.4.2(eslint@8.57.0)
+      semver: 7.6.3
+      vue-eslint-parser: 9.4.3(eslint@8.57.1)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -3138,13 +3107,13 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
-  eslint@8.57.0:
+  eslint@8.57.1:
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@eslint-community/regexpp': 4.10.0
       '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.57.0
-      '@humanwhocodes/config-array': 0.11.14
+      '@eslint/js': 8.57.1
+      '@humanwhocodes/config-array': 0.13.0
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
       '@ungap/structured-clone': 1.2.0
@@ -3191,6 +3160,10 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
+  esquery@1.6.0:
+    dependencies:
+      estraverse: 5.3.0
+
   esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
@@ -3201,7 +3174,7 @@ snapshots:
 
   estree-walker@3.0.3:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   esutils@2.0.3: {}
 
@@ -3350,8 +3323,6 @@ snapshots:
 
   graphemer@1.4.0: {}
 
-  has-flag@3.0.0: {}
-
   has-flag@4.0.0: {}
 
   hasown@2.0.0:
@@ -3360,27 +3331,23 @@ snapshots:
 
   he@1.2.0: {}
 
-  highlight.js@11.9.0: {}
-
-  hosted-git-info@7.0.1:
-    dependencies:
-      lru-cache: 10.1.0
+  highlight.js@11.10.0: {}
 
   html-encoding-sniffer@4.0.0:
     dependencies:
       whatwg-encoding: 3.1.1
 
-  http-proxy-agent@7.0.0:
+  http-proxy-agent@7.0.2:
     dependencies:
-      agent-base: 7.1.0
-      debug: 4.3.4
+      agent-base: 7.1.1
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
-  https-proxy-agent@7.0.2:
+  https-proxy-agent@7.0.5:
     dependencies:
-      agent-base: 7.1.0
-      debug: 4.3.4
+      agent-base: 7.1.1
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
@@ -3412,8 +3379,6 @@ snapshots:
 
   ini@1.3.8: {}
 
-  is-arrayish@0.2.1: {}
-
   is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.2.0
@@ -3460,7 +3425,7 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
-  javascript-time-ago@2.5.9:
+  javascript-time-ago@2.5.11:
     dependencies:
       relative-time-format: 1.1.6
 
@@ -3481,28 +3446,28 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
-  jsdom@24.0.0:
+  jsdom@24.1.3:
     dependencies:
       cssstyle: 4.0.1
       data-urls: 5.0.0
       decimal.js: 10.4.3
       form-data: 4.0.0
       html-encoding-sniffer: 4.0.0
-      http-proxy-agent: 7.0.0
-      https-proxy-agent: 7.0.2
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.5
       is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.7
+      nwsapi: 2.2.13
       parse5: 7.1.2
-      rrweb-cssom: 0.6.0
+      rrweb-cssom: 0.7.1
       saxes: 6.0.0
       symbol-tree: 3.2.4
-      tough-cookie: 4.1.3
+      tough-cookie: 4.1.4
       w3c-xmlserializer: 5.0.0
       webidl-conversions: 7.0.0
       whatwg-encoding: 3.1.1
       whatwg-mimetype: 4.0.0
       whatwg-url: 14.0.0
-      ws: 8.16.0
+      ws: 8.18.0
       xml-name-validator: 5.0.0
     transitivePeerDependencies:
       - bufferutil
@@ -3511,7 +3476,7 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
-  json-parse-even-better-errors@3.0.1: {}
+  json-parse-even-better-errors@3.0.2: {}
 
   json-schema-traverse@0.4.1: {}
 
@@ -3534,8 +3499,6 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
-  lines-and-columns@2.0.4: {}
-
   linkify-it@3.0.3:
     dependencies:
       uc.micro: 1.0.6
@@ -3569,11 +3532,11 @@ snapshots:
     dependencies:
       yallist: 4.0.0
 
-  magic-string@0.30.5:
+  magic-string@0.30.12:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
 
-  magic-string@0.30.7:
+  magic-string@0.30.5:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
@@ -3592,7 +3555,7 @@ snapshots:
 
   markdown-it-highlightjs@3.6.0:
     dependencies:
-      highlight.js: 11.9.0
+      highlight.js: 11.10.0
       lodash.flow: 3.5.0
 
   markdown-it-ins@3.0.1: {}
@@ -3661,6 +3624,8 @@ snapshots:
 
   ms@2.1.2: {}
 
+  ms@2.1.3: {}
+
   muggle-string@0.3.1: {}
 
   mz@2.7.0:
@@ -3673,32 +3638,28 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
-  node-releases@2.0.14: {}
+  node-releases@2.0.18: {}
 
   nopt@7.2.0:
     dependencies:
       abbrev: 2.0.0
 
-  normalize-package-data@6.0.0:
-    dependencies:
-      hosted-git-info: 7.0.1
-      is-core-module: 2.13.1
-      semver: 7.5.4
-      validate-npm-package-license: 3.0.4
-
   normalize-path@3.0.0: {}
 
   normalize-range@0.1.2: {}
 
-  npm-run-all2@6.1.1:
+  npm-normalize-package-bin@3.0.1: {}
+
+  npm-run-all2@6.2.6:
     dependencies:
       ansi-styles: 6.2.1
       cross-spawn: 7.0.3
       memorystream: 0.3.1
       minimatch: 9.0.3
       pidtree: 0.6.0
-      read-pkg: 8.1.0
+      read-package-json-fast: 3.0.2
       shell-quote: 1.8.1
+      which: 3.0.1
 
   npm-run-path@4.0.1:
     dependencies:
@@ -3712,7 +3673,7 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nwsapi@2.2.7: {}
+  nwsapi@2.2.13: {}
 
   object-assign@4.1.1: {}
 
@@ -3752,7 +3713,7 @@ snapshots:
 
   p-limit@5.0.0:
     dependencies:
-      yocto-queue: 1.0.0
+      yocto-queue: 1.1.1
 
   p-locate@5.0.0:
     dependencies:
@@ -3762,14 +3723,6 @@ snapshots:
     dependencies:
       callsites: 3.1.0
 
-  parse-json@7.1.1:
-    dependencies:
-      '@babel/code-frame': 7.23.5
-      error-ex: 1.3.2
-      json-parse-even-better-errors: 3.0.1
-      lines-and-columns: 2.0.4
-      type-fest: 3.13.1
-
   parse5@7.1.2:
     dependencies:
       entities: 4.5.0
@@ -3799,17 +3752,19 @@ snapshots:
 
   picocolors@1.0.0: {}
 
+  picocolors@1.1.1: {}
+
   picomatch@2.3.1: {}
 
   pidtree@0.6.0: {}
 
   pify@2.3.0: {}
 
-  pinia@2.1.7(typescript@5.2.2)(vue@3.4.20(typescript@5.2.2)):
+  pinia@2.2.6(typescript@5.2.2)(vue@3.5.12(typescript@5.2.2)):
     dependencies:
-      '@vue/devtools-api': 6.5.1
-      vue: 3.4.20(typescript@5.2.2)
-      vue-demi: 0.14.6(vue@3.4.20(typescript@5.2.2))
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.12(typescript@5.2.2)
+      vue-demi: 0.14.10(vue@3.5.12(typescript@5.2.2))
     optionalDependencies:
       typescript: 5.2.2
 
@@ -3821,28 +3776,28 @@ snapshots:
       mlly: 1.4.2
       pathe: 1.1.1
 
-  postcss-import@15.1.0(postcss@8.4.35):
+  postcss-import@15.1.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
 
-  postcss-js@4.0.1(postcss@8.4.35):
+  postcss-js@4.0.1(postcss@8.4.47):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.35
+      postcss: 8.4.47
 
-  postcss-load-config@4.0.2(postcss@8.4.35):
+  postcss-load-config@4.0.2(postcss@8.4.47):
     dependencies:
       lilconfig: 3.0.0
       yaml: 2.3.4
     optionalDependencies:
-      postcss: 8.4.35
+      postcss: 8.4.47
 
-  postcss-nested@6.0.1(postcss@8.4.35):
+  postcss-nested@6.0.1(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.47
       postcss-selector-parser: 6.0.13
 
   postcss-selector-parser@6.0.13:
@@ -3857,17 +3812,11 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.4.35:
-    dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-
-  postcss@8.4.38:
+  postcss@8.4.47:
     dependencies:
       nanoid: 3.3.7
-      picocolors: 1.0.0
-      source-map-js: 1.2.0
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
 
   prelude-ls@1.2.1: {}
 
@@ -3875,17 +3824,19 @@ snapshots:
     dependencies:
       fast-diff: 1.3.0
 
-  prettier@3.2.5: {}
+  prettier@3.3.3: {}
 
   pretty-format@29.7.0:
     dependencies:
       '@jest/schemas': 29.6.3
       ansi-styles: 5.2.0
-      react-is: 18.2.0
+      react-is: 18.3.1
 
   proto-list@1.2.4: {}
 
-  psl@1.9.0: {}
+  psl@1.10.0:
+    dependencies:
+      punycode: 2.3.1
 
   punycode@2.3.1: {}
 
@@ -3893,7 +3844,7 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  react-is@18.2.0: {}
+  react-is@18.3.1: {}
 
   react@18.2.0:
     dependencies:
@@ -3903,12 +3854,10 @@ snapshots:
     dependencies:
       pify: 2.3.0
 
-  read-pkg@8.1.0:
+  read-package-json-fast@3.0.2:
     dependencies:
-      '@types/normalize-package-data': 2.4.4
-      normalize-package-data: 6.0.0
-      parse-json: 7.1.1
-      type-fest: 4.8.3
+      json-parse-even-better-errors: 3.0.2
+      npm-normalize-package-bin: 3.0.1
 
   readdirp@3.6.0:
     dependencies:
@@ -3932,30 +3881,34 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rollup@4.17.2:
+  rollup@4.24.4:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.17.2
-      '@rollup/rollup-android-arm64': 4.17.2
-      '@rollup/rollup-darwin-arm64': 4.17.2
-      '@rollup/rollup-darwin-x64': 4.17.2
-      '@rollup/rollup-linux-arm-gnueabihf': 4.17.2
-      '@rollup/rollup-linux-arm-musleabihf': 4.17.2
-      '@rollup/rollup-linux-arm64-gnu': 4.17.2
-      '@rollup/rollup-linux-arm64-musl': 4.17.2
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.17.2
-      '@rollup/rollup-linux-riscv64-gnu': 4.17.2
-      '@rollup/rollup-linux-s390x-gnu': 4.17.2
-      '@rollup/rollup-linux-x64-gnu': 4.17.2
-      '@rollup/rollup-linux-x64-musl': 4.17.2
-      '@rollup/rollup-win32-arm64-msvc': 4.17.2
-      '@rollup/rollup-win32-ia32-msvc': 4.17.2
-      '@rollup/rollup-win32-x64-msvc': 4.17.2
+      '@rollup/rollup-android-arm-eabi': 4.24.4
+      '@rollup/rollup-android-arm64': 4.24.4
+      '@rollup/rollup-darwin-arm64': 4.24.4
+      '@rollup/rollup-darwin-x64': 4.24.4
+      '@rollup/rollup-freebsd-arm64': 4.24.4
+      '@rollup/rollup-freebsd-x64': 4.24.4
+      '@rollup/rollup-linux-arm-gnueabihf': 4.24.4
+      '@rollup/rollup-linux-arm-musleabihf': 4.24.4
+      '@rollup/rollup-linux-arm64-gnu': 4.24.4
+      '@rollup/rollup-linux-arm64-musl': 4.24.4
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.4
+      '@rollup/rollup-linux-riscv64-gnu': 4.24.4
+      '@rollup/rollup-linux-s390x-gnu': 4.24.4
+      '@rollup/rollup-linux-x64-gnu': 4.24.4
+      '@rollup/rollup-linux-x64-musl': 4.24.4
+      '@rollup/rollup-win32-arm64-msvc': 4.24.4
+      '@rollup/rollup-win32-ia32-msvc': 4.24.4
+      '@rollup/rollup-win32-x64-msvc': 4.24.4
       fsevents: 2.3.3
 
   rrweb-cssom@0.6.0: {}
 
+  rrweb-cssom@0.7.1: {}
+
   run-applescript@5.0.0:
     dependencies:
       execa: 5.1.1
@@ -3974,9 +3927,7 @@ snapshots:
     dependencies:
       lru-cache: 6.0.0
 
-  semver@7.6.0:
-    dependencies:
-      lru-cache: 6.0.0
+  semver@7.6.3: {}
 
   shebang-command@2.0.0:
     dependencies:
@@ -3996,21 +3947,7 @@ snapshots:
 
   source-map-js@1.0.2: {}
 
-  source-map-js@1.2.0: {}
-
-  spdx-correct@3.2.0:
-    dependencies:
-      spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.16
-
-  spdx-exceptions@2.3.0: {}
-
-  spdx-expression-parse@3.0.1:
-    dependencies:
-      spdx-exceptions: 2.3.0
-      spdx-license-ids: 3.0.16
-
-  spdx-license-ids@3.0.16: {}
+  source-map-js@1.2.1: {}
 
   stackback@0.0.2: {}
 
@@ -4056,10 +3993,6 @@ snapshots:
       pirates: 4.0.6
       ts-interface-checker: 0.1.13
 
-  supports-color@5.5.0:
-    dependencies:
-      has-flag: 3.0.0
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
@@ -4075,7 +4008,7 @@ snapshots:
 
   tabbable@5.3.3: {}
 
-  tailwindcss@3.4.1:
+  tailwindcss@3.4.14:
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -4091,11 +4024,11 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.0.0
-      postcss: 8.4.35
-      postcss-import: 15.1.0(postcss@8.4.35)
-      postcss-js: 4.0.1(postcss@8.4.35)
-      postcss-load-config: 4.0.2(postcss@8.4.35)
-      postcss-nested: 6.0.1(postcss@8.4.35)
+      postcss: 8.4.47
+      postcss-import: 15.1.0(postcss@8.4.47)
+      postcss-js: 4.0.1(postcss@8.4.47)
+      postcss-load-config: 4.0.2(postcss@8.4.47)
+      postcss-nested: 6.0.1(postcss@8.4.47)
       postcss-selector-parser: 6.0.13
       resolve: 1.22.8
       sucrase: 3.35.0
@@ -4114,7 +4047,7 @@ snapshots:
 
   tinybench@2.5.1: {}
 
-  tinypool@0.8.2: {}
+  tinypool@0.8.4: {}
 
   tinyspy@2.2.1: {}
 
@@ -4126,9 +4059,9 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
-  tough-cookie@4.1.3:
+  tough-cookie@4.1.4:
     dependencies:
-      psl: 1.9.0
+      psl: 1.10.0
       punycode: 2.3.1
       universalify: 0.2.0
       url-parse: 1.5.10
@@ -4155,27 +4088,23 @@ snapshots:
 
   type-fest@0.20.2: {}
 
-  type-fest@3.13.1: {}
-
-  type-fest@4.8.3: {}
-
   typescript@5.2.2: {}
 
   uc.micro@1.0.6: {}
 
   ufo@1.3.2: {}
 
-  undici-types@5.26.5: {}
+  undici-types@6.19.8: {}
 
   universalify@0.2.0: {}
 
   untildify@4.0.0: {}
 
-  update-browserslist-db@1.0.13(browserslist@4.22.2):
+  update-browserslist-db@1.1.1(browserslist@4.24.2):
     dependencies:
-      browserslist: 4.22.2
-      escalade: 3.1.1
-      picocolors: 1.0.0
+      browserslist: 4.24.2
+      escalade: 3.2.0
+      picocolors: 1.1.1
 
   uri-js@4.4.1:
     dependencies:
@@ -4188,44 +4117,40 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  validate-npm-package-license@3.0.4:
-    dependencies:
-      spdx-correct: 3.2.0
-      spdx-expression-parse: 3.0.1
-
-  vite-node@1.3.1(@types/node@20.11.21):
+  vite-node@1.6.0(@types/node@20.17.6):
     dependencies:
       cac: 6.7.14
       debug: 4.3.4
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 5.2.10(@types/node@20.11.21)
+      vite: 5.4.10(@types/node@20.17.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
       - lightningcss
       - sass
+      - sass-embedded
       - stylus
       - sugarss
       - supports-color
       - terser
 
-  vite@5.2.10(@types/node@20.11.21):
+  vite@5.4.10(@types/node@20.17.6):
     dependencies:
-      esbuild: 0.20.2
-      postcss: 8.4.38
-      rollup: 4.17.2
+      esbuild: 0.21.5
+      postcss: 8.4.47
+      rollup: 4.24.4
     optionalDependencies:
-      '@types/node': 20.11.21
+      '@types/node': 20.17.6
       fsevents: 2.3.3
 
-  vitest@1.3.1(@types/node@20.11.21)(jsdom@24.0.0):
+  vitest@1.6.0(@types/node@20.17.6)(jsdom@24.1.3):
     dependencies:
-      '@vitest/expect': 1.3.1
-      '@vitest/runner': 1.3.1
-      '@vitest/snapshot': 1.3.1
-      '@vitest/spy': 1.3.1
-      '@vitest/utils': 1.3.1
+      '@vitest/expect': 1.6.0
+      '@vitest/runner': 1.6.0
+      '@vitest/snapshot': 1.6.0
+      '@vitest/spy': 1.6.0
+      '@vitest/utils': 1.6.0
       acorn-walk: 8.3.2
       chai: 4.3.10
       debug: 4.3.4
@@ -4237,36 +4162,33 @@ snapshots:
       std-env: 3.6.0
       strip-literal: 2.0.0
       tinybench: 2.5.1
-      tinypool: 0.8.2
-      vite: 5.2.10(@types/node@20.11.21)
-      vite-node: 1.3.1(@types/node@20.11.21)
+      tinypool: 0.8.4
+      vite: 5.4.10(@types/node@20.17.6)
+      vite-node: 1.6.0(@types/node@20.17.6)
       why-is-node-running: 2.2.2
     optionalDependencies:
-      '@types/node': 20.11.21
-      jsdom: 24.0.0
+      '@types/node': 20.17.6
+      jsdom: 24.1.3
     transitivePeerDependencies:
       - less
       - lightningcss
       - sass
+      - sass-embedded
       - stylus
       - sugarss
       - supports-color
       - terser
 
-  vue-component-type-helpers@1.8.25: {}
+  vue-component-type-helpers@2.1.10: {}
 
-  vue-demi@0.14.6(vue@3.4.20(typescript@5.2.2)):
+  vue-demi@0.14.10(vue@3.5.12(typescript@5.2.2)):
     dependencies:
-      vue: 3.4.20(typescript@5.2.2)
+      vue: 3.5.12(typescript@5.2.2)
 
-  vue-demi@0.14.7(vue@3.4.20(typescript@5.2.2)):
-    dependencies:
-      vue: 3.4.20(typescript@5.2.2)
-
-  vue-eslint-parser@9.3.2(eslint@8.57.0):
+  vue-eslint-parser@9.3.2(eslint@8.57.1):
     dependencies:
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
@@ -4276,16 +4198,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-eslint-parser@9.4.2(eslint@8.57.0):
+  vue-eslint-parser@9.4.3(eslint@8.57.1):
     dependencies:
-      debug: 4.3.4
-      eslint: 8.57.0
+      debug: 4.3.7
+      eslint: 8.57.1
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      esquery: 1.5.0
+      esquery: 1.6.0
       lodash: 4.17.21
-      semver: 7.6.0
+      semver: 7.6.3
     transitivePeerDependencies:
       - supports-color
 
@@ -4319,13 +4241,13 @@ snapshots:
     transitivePeerDependencies:
       - '@types/markdown-it'
 
-  vue@3.4.20(typescript@5.2.2):
+  vue@3.5.12(typescript@5.2.2):
     dependencies:
-      '@vue/compiler-dom': 3.4.20
-      '@vue/compiler-sfc': 3.4.20
-      '@vue/runtime-dom': 3.4.20
-      '@vue/server-renderer': 3.4.20(vue@3.4.20(typescript@5.2.2))
-      '@vue/shared': 3.4.20
+      '@vue/compiler-dom': 3.5.12
+      '@vue/compiler-sfc': 3.5.12
+      '@vue/runtime-dom': 3.5.12
+      '@vue/server-renderer': 3.5.12(vue@3.5.12(typescript@5.2.2))
+      '@vue/shared': 3.5.12
     optionalDependencies:
       typescript: 5.2.2
 
@@ -4350,6 +4272,10 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
+  which@3.0.1:
+    dependencies:
+      isexe: 2.0.0
+
   why-is-node-running@2.2.2:
     dependencies:
       siginfo: 2.0.0
@@ -4369,7 +4295,7 @@ snapshots:
 
   wrappy@1.0.2: {}
 
-  ws@8.16.0: {}
+  ws@8.18.0: {}
 
   xml-name-validator@4.0.0: {}
 
@@ -4383,4 +4309,4 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yocto-queue@1.0.0: {}
+  yocto-queue@1.1.1: {}
diff --git a/src/webviews/src/assets/index.css b/src/webviews/src/assets/index.css
index a0a52c15..cb57ed8a 100644
--- a/src/webviews/src/assets/index.css
+++ b/src/webviews/src/assets/index.css
@@ -23,6 +23,16 @@ body {
 :where(details) {
   & summary {
     @apply w-fit cursor-pointer select-none;
+
+    &:focus-visible {
+      border-radius: 1px;
+      outline: 1px solid var(--vscode-focusBorder);
+      outline-offset: 1px;
+    }
+  }
+
+  &[open] summary {
+    color: color-mix(in srgb-linear, var(--vscode-editor-background), var(--vscode-editor-foreground) 20%);
   }
 }
 
diff --git a/src/webviews/src/components/EventItem.vue b/src/webviews/src/components/EventItem.vue
index 7fc90540..26b3153c 100644
--- a/src/webviews/src/components/EventItem.vue
+++ b/src/webviews/src/components/EventItem.vue
@@ -14,9 +14,13 @@ const { timeLocale } = storeToRefs(usePatchDetailStore())
 
 <template>
   <li class="grid grid-cols-subgrid col-span-3">
-    <pre :title="getFormattedDate(when, timeLocale)" class="justify-self-end">{{
-      getTimeAgo(when, 'mini')
-    }}</pre>
+    <pre
+      v-if="!Number.isNaN(when)"
+      :title="getFormattedDate(when, timeLocale)"
+      class="justify-self-end"
+      >{{ getTimeAgo(when, 'mini') }}</pre
+    >
+    <span v-else class="no-underline codicon codicon-blank"></span>
     <span :class="['no-underline codicon', codicon]"></span>
     <div><slot></slot></div>
   </li>
diff --git a/src/webviews/src/components/PatchDetail.vue b/src/webviews/src/components/PatchDetail.vue
index 833723c7..681834bf 100644
--- a/src/webviews/src/components/PatchDetail.vue
+++ b/src/webviews/src/components/PatchDetail.vue
@@ -5,7 +5,7 @@ import {
   vsCodePanelTab,
   vsCodePanelView,
 } from '@vscode/webview-ui-toolkit'
-import { ref, computed } from 'vue'
+import { ref, useTemplateRef } from 'vue'
 import {
   breakpointsTailwind,
   useBreakpoints,
@@ -13,8 +13,6 @@ import {
   useThrottleFn,
 } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
-import { getIdentityAliasOrId, shortenHash } from 'extensionUtils/string'
-import { getTimeAgo } from 'extensionUtils/time'
 import type { Revision } from '../../../types'
 import { usePatchDetailStore } from '@/stores/patchDetailStore'
 import { scrollToTemplateRef } from '@/utils/scrollToTemplateRef'
@@ -27,10 +25,13 @@ import PatchDetailRevision from '@/components/PatchDetailRevision.vue'
 
 provideVSCodeDesignSystem().register(vsCodePanels(), vsCodePanelTab(), vsCodePanelView())
 
-const { patch, authors, firstRevision, latestRevision } = storeToRefs(usePatchDetailStore())
+const { patchCommentForm } = storeToRefs(usePatchDetailStore())
 
-const revisionTabRef = ref<HTMLElement>()
-const revisionSectionRef = ref<HTMLElement>()
+const activityTabRef = useTemplateRef<HTMLElement>('activityTabRef')
+const revisionTabRef = useTemplateRef<HTMLElement>('revisionTabRef')
+const patchDetailRevisionRef = useTemplateRef<InstanceType<typeof PatchDetailRevision>>(
+  'patchDetailRevisionRef',
+)
 
 const breakpoints = useBreakpoints(breakpointsTailwind)
 const isWindowNarrowerThanSm = ref<boolean>()
@@ -39,49 +40,19 @@ const recalcIsWindowNarrowerThanSm = () =>
 recalcIsWindowNarrowerThanSm()
 useEventListener('resize', useThrottleFn(recalcIsWindowNarrowerThanSm, 50))
 
-const revisionOptionsMap = computed(
-  () =>
-    new Map(
-      [...patch.value.revisions]
-        .reverse()
-        .map((revision) => [assembleRevisionOptionLabel(revision), revision]),
-    ),
-)
-// TODO: if patch is merged pre-select revision that got merged
-const selectedRevisionOption = ref(assembleRevisionOptionLabel(latestRevision.value))
-const selectedRevision = computed(
-  () =>
-    revisionOptionsMap.value.get(selectedRevisionOption.value) as NonNullable<
-      ReturnType<(typeof revisionOptionsMap)['value']['get']>
-    >,
-)
-
-function selectAndScrollToRevision(revision: Revision) {
-  selectedRevisionOption.value = assembleRevisionOptionLabel(revision)
-  isWindowNarrowerThanSm.value && revisionTabRef.value?.click()
-  scrollToTemplateRef(revisionSectionRef.value)
+function showRevision(revision: Revision) {
+  patchDetailRevisionRef.value?.selectRevision(revision)
+  revisionTabRef.value?.click()
+  scrollToTemplateRef(patchDetailRevisionRef.value as HTMLElement | null)
 }
 
-function assembleRevisionOptionLabel(revision: Revision): string {
-  const id = shortenHash(revision.id)
-  const timeAgo = getTimeAgo(revision.timestamp, 'mini')
-  const state = [
-    patch.value.merges.map((merge) => merge.revision).includes(revision.id) &&
-      `merged${patch.value.merges.length >= 2 ? `/${patch.value.merges.length}` : ''}`,
-    revision.reviews.find((review) => review.verdict === 'accept') && 'accepted',
-    revision.reviews.find((review) => review.verdict === 'reject') && 'rejected',
-    patch.value.revisions.length >= 2 && revision.id === firstRevision.value.id && 'first',
-    patch.value.revisions.length >= 2 && revision.id === latestRevision.value.id && 'latest',
-    patch.value.revisions.length == 1 && 'sole',
-  ].filter(Boolean)
-  const parsedState = state.length ? ` [${state.join(', ')}]` : ''
-  const author = authors.value.length >= 2 ? ` ${getIdentityAliasOrId(revision.author)}` : ''
-  const label = `${id}${parsedState} ${timeAgo}${author}`
-
-  return label
+function showCreateCommentForm(targetRevision: Revision) {
+  patchCommentForm.value[targetRevision.id] = {
+    comment: patchCommentForm.value[targetRevision.id]?.comment || '',
+    status: 'editing',
+  }
+  activityTabRef.value?.click()
 }
-
-// TODO: show "edited" indicators + timestamp (on hover) or full-blown list of edits, for each revision, comment, etc anything that has edits
 </script>
 
 <template>
@@ -91,9 +62,9 @@ function assembleRevisionOptionLabel(revision: Revision): string {
     <header class="flex gap-4 justify-between" style="grid-area: header">
       <div class="flex flex-wrap gap-4 items-center">
         <PatchStatusBadge class="text-sm" />
-        <PatchMajorEvents />
+        <PatchMajorEvents @show-revision="showRevision" />
       </div>
-      <aside class="flex flex-col gap-2 *:w-full">
+      <aside class="flex flex-col gap-2 shrink-0 *:w-full">
         <PatchDetailButtons />
       </aside>
     </header>
@@ -109,6 +80,7 @@ function assembleRevisionOptionLabel(revision: Revision): string {
         aria-label="Detailed patch information"
       >
         <vscode-panel-tab
+          ref="activityTabRef"
           title="Click to See All Events That Took Place During the Lifetime of the Patch"
           class="text-lg"
         >
@@ -123,37 +95,33 @@ function assembleRevisionOptionLabel(revision: Revision): string {
         </vscode-panel-tab>
         <vscode-panel-view class="pt-5 px-0 pb-0">
           <PatchDetailActivity
-            @show-revision="selectAndScrollToRevision"
+            v-if="patchDetailRevisionRef?.selectedRevision"
             :show-heading="false"
+            :selected-revision="patchDetailRevisionRef?.selectedRevision"
           />
         </vscode-panel-view>
         <vscode-panel-view class="pt-5 px-0 pb-0">
           <PatchDetailRevision
-            ref="revisionSectionRef"
-            @did-select-option="(newOption) => (selectedRevisionOption = newOption)"
+            ref="patchDetailRevisionRef"
+            @show-create-comment-form="showCreateCommentForm"
             :show-heading="false"
-            :selected-revision="selectedRevision"
-            :selected-revision-option="selectedRevisionOption"
-            :revision-options-map="revisionOptionsMap"
             class="h-fit"
           />
         </vscode-panel-view>
       </vscode-panels>
 
       <PatchDetailActivity
-        v-if="!isWindowNarrowerThanSm"
-        @show-revision="selectAndScrollToRevision"
+        v-if="!isWindowNarrowerThanSm && patchDetailRevisionRef?.selectedRevision"
+        @show-revision="showRevision"
         show-heading
+        :selected-revision="patchDetailRevisionRef?.selectedRevision"
         style="grid-area: section-primary"
       />
       <PatchDetailRevision
         v-if="!isWindowNarrowerThanSm"
-        ref="revisionSectionRef"
-        @did-select-option="(newOption) => (selectedRevisionOption = newOption)"
+        ref="patchDetailRevisionRef"
+        @show-create-comment-form="showCreateCommentForm"
         show-heading
-        :selected-revision="selectedRevision"
-        :selected-revision-option="selectedRevisionOption"
-        :revision-options-map="revisionOptionsMap"
         class="hidden sm:block h-fit"
         style="grid-area: section-secondary"
       />
diff --git a/src/webviews/src/components/PatchDetailActivity.vue b/src/webviews/src/components/PatchDetailActivity.vue
index fcf44266..ada134bd 100644
--- a/src/webviews/src/components/PatchDetailActivity.vue
+++ b/src/webviews/src/components/PatchDetailActivity.vue
@@ -1,12 +1,19 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import {
+  provideVSCodeDesignSystem,
+  vsCodeButton,
+  vsCodeTextArea,
+} from '@vscode/webview-ui-toolkit'
+import { computed, toRaw, watchEffect, useTemplateRef } from 'vue'
 import { storeToRefs } from 'pinia'
+import { useEventListener } from '@vueuse/core'
 import {
   getIdentityAliasOrId,
   shortenHash,
   truncateMarkdown,
   maxCharsForUntruncatedMdText,
 } from 'extensionUtils/string'
+import { notifyExtension } from 'extensionUtils/webview-messaging'
 import type { Comment, Revision } from '../../../types'
 import { usePatchDetailStore } from '@/stores/patchDetailStore'
 import { scrollToTemplateRef } from '@/utils/scrollToTemplateRef'
@@ -14,24 +21,27 @@ import Markdown from '@/components/Markdown.vue'
 import EventList from '@/components/EventList.vue'
 import EventItem from '@/components/EventItem.vue'
 import Reactions from '@/components/Reactions.vue'
+import { getRevisionHoverTitle } from '@/helpers/patchDetail'
 
-defineProps<{ showHeading: boolean }>()
-
-const emit = defineEmits<{ showRevision: [revision: Revision] }>()
+provideVSCodeDesignSystem().register(vsCodeButton(), vsCodeTextArea())
 
-const { patch, firstRevision } = storeToRefs(usePatchDetailStore())
+defineEmits<{ showRevision: [revision: Revision] }>()
+const { selectedRevision } = defineProps<{
+  showHeading: boolean
+  selectedRevision: Revision
+}>()
 
-function getRevisionHoverTitle(text: string) {
-  return `Click to See Revision Details\n⸻\nRevision Description:\n"${text}"`
-}
+const { patch, firstRevision, patchCommentForm } = storeToRefs(usePatchDetailStore())
 
-const commentRefs = ref<InstanceType<typeof EventItem>[]>()
+const commentRefs = useTemplateRef<InstanceType<typeof EventItem>[]>('commentRefs')
 function scrollToComment(commentId: Comment['id']) {
   const foundCommentRef = commentRefs.value?.find(
     (commentEl) => commentEl.$attrs.id === commentId,
   )
 
-  scrollToTemplateRef(foundCommentRef, { classToAdd: 'pulse-outline', removeAfterMs: 1500 })
+  scrollToTemplateRef(foundCommentRef, {
+    addClass: { class: 'pulse-outline', removeAfterMs: 2000 },
+  })
 }
 
 const patchEvents = computed(() =>
@@ -63,6 +73,105 @@ const patchEvents = computed(() =>
     .flat()
     .sort((ev1, ev2) => ev2.ts - ev1.ts),
 )
+
+// TODO: maninak extract to usePatchCommentForm? composable
+
+const formRef = useTemplateRef<HTMLElement>('formRef')
+const commentTextAreaRef = useTemplateRef<HTMLElement>('commentTextAreaRef')
+
+// Those `watchEffect()`s should run once each time the respective elements get created
+watchEffect(() => {
+  formRef.value &&
+    useEventListener(
+      formRef.value,
+      'keydown',
+      (ev) => {
+        if (ev.key === 'Enter' && (ev.ctrlKey || ev.metaKey)) {
+          submitPatchCommentForm()
+        } else if (ev.key === 'Escape') {
+          pausePatchCommenting()
+        } else if (ev.key === 'p' && ev.altKey) {
+          togglePreviewMarkdown()
+        }
+      },
+      { passive: true },
+    )
+})
+watchEffect(() => {
+  if (patchCommentForm.value[selectedRevision.id]?.status === 'editing') {
+    const el = commentTextAreaRef.value
+    setTimeout(() => el?.focus(), 0) // Vue.nextTick isn't cutting it
+    useEventListener(el, 'focus', alignViewportWithForm, { passive: true })
+    useEventListener(el, 'input', alignViewportWithForm, { passive: true })
+  }
+})
+
+function alignViewportWithForm() {
+  formRef.value?.scrollIntoView({ block: 'nearest', behavior: 'instant' })
+}
+
+interface VscodeTextAreaEvent {
+  target: { _value: string }
+}
+function updatePatchCommentFormComment(ev: VscodeTextAreaEvent) {
+  patchCommentForm.value[selectedRevision.id] = {
+    comment: ev.target._value,
+    status: 'editing',
+  }
+}
+
+function pausePatchCommenting() {
+  patchCommentForm.value[selectedRevision.id] = {
+    comment: patchCommentForm.value[selectedRevision.id]?.comment || '',
+    status: 'off',
+  }
+}
+
+function submitPatchCommentForm() {
+  const commentIdsBefore = commentRefs.value?.map((commentRef) => commentRef.$attrs.id)
+
+  notifyExtension({
+    command: 'createPatchComment',
+    payload: {
+      patch: toRaw(patch.value),
+      revisionId: selectedRevision.id,
+      comment: patchCommentForm.value[selectedRevision.id]?.comment?.trim() || '',
+    },
+  })
+
+  // HACK: would be better to discard form IFF submition suceeded, but current webview-extension comm channel doesn't support notification replies
+  discardPatchCommentForm()
+  // HACK: we just wait :waves-hand: 3s for comment to be created, because currently we don't have a way to get notified when our previous `'createPatchComment'` notification to the extension succeeded
+  setTimeout(() => {
+    const createdCommentRef = commentRefs.value?.filter(
+      (comment) => !commentIdsBefore?.includes(comment.$attrs.id),
+    )[0]
+    createdCommentRef?.$el.classList.add('pulse-outline')
+    setTimeout(() => createdCommentRef?.$el.classList.remove('pulse-outline'), 2000)
+  }, 2500)
+}
+
+function discardPatchCommentForm() {
+  delete patchCommentForm.value[selectedRevision.id]
+}
+
+function togglePreviewMarkdown() {
+  const selectedRevForm = patchCommentForm.value[selectedRevision.id]
+  if (selectedRevForm?.status === 'editing') {
+    selectedRevForm.status = 'previewing'
+
+    if (formRef.value) {
+      formRef.value.tabIndex = 0 // allows <form>, otherwise  non-tabbable, to be `focus()`ed
+      formRef.value.focus() // make form keyboard shortcuts still work after toggling MD preview
+      formRef.value.tabIndex = -1 // clean-up
+    }
+  } else if (selectedRevForm?.status === 'previewing') {
+    selectedRevForm.status = 'editing'
+    setTimeout(() => commentTextAreaRef.value?.focus(), 0)
+  }
+}
+
+// TODO: show "edited" indicators + timestamp (on hover) or full-blown list of edits, for each revision, comment, etc anything that has edits
 </script>
 
 <template>
@@ -70,6 +179,111 @@ const patchEvents = computed(() =>
     <!-- TODO: add button to expand/collapse all -->
     <h2 v-if="showHeading" class="text-lg font-normal mt-0 mb-4">Activity</h2>
     <EventList>
+      <EventItem
+        v-if="
+          patchCommentForm[selectedRevision.id]?.status === 'editing' ||
+          patchCommentForm[selectedRevision.id]?.status === 'previewing'
+        "
+        :when="NaN"
+        codicon="codicon-comment"
+      >
+        <form
+          @submit.prevent
+          ref="formRef"
+          name="Edit patch title and description"
+          class="font-mono text-sm leading-[unset] pb-2 flex flex-col gap-y-3 outline-none"
+          :class="{ 'w-fit': patchCommentForm[selectedRevision.id]?.status !== 'previewing' }"
+          style="
+            min-width: min(
+              100%,
+              68ch
+            ); /* results in allowing 65 chars before resizing to be wider */
+          "
+        >
+          <vscode-text-area
+            v-if="patchCommentForm[selectedRevision.id]?.status === 'editing'"
+            ref="commentTextAreaRef"
+            :value="patchCommentForm[selectedRevision.id]?.comment"
+            @input="updatePatchCommentFormComment"
+            placeholder="Share your kind thoughts…"
+            name="patch comment"
+            resize="vertical"
+            maxlength="50000"
+          >
+            New Patch Comment:
+          </vscode-text-area>
+
+          <div
+            v-if="patchCommentForm[selectedRevision.id]?.status === 'previewing'"
+            class="p-1 border border-dashed border-[var(--vscode-focusBorder,var(--vscode-commandCenter-debuggingBackground))] max-w-fit flex flex-col gap-y-4 group"
+          >
+            <Markdown
+              :source="patchCommentForm[selectedRevision.id]?.comment || ''"
+              class="text-sm"
+            />
+          </div>
+
+          <div class="reset-font opacity-[0.65]"
+            >Target Revision: <pre class="ml-1">{{ shortenHash(selectedRevision.id) }}</pre>
+          </div>
+
+          <div class="w-full flex flex-row-reverse justify-between">
+            <div class="flex flex-row-reverse justify-start gap-x-2">
+              <vscode-button
+                @click="submitPatchCommentForm"
+                appearance="primary"
+                title="Save New Comment to Radicle"
+              >
+                <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
+                <span slot="start" class="codicon codicon-save"></span>
+                Comment
+              </vscode-button>
+              <vscode-button
+                @click="pausePatchCommenting"
+                appearance="secondary"
+                title="Pause Editing, Preserving Current Changes for Later (Escape)"
+              >
+                <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
+                <span class="codicon codicon-coffee"></span>
+              </vscode-button>
+              <vscode-button
+                @click="discardPatchCommentForm"
+                appearance="secondary"
+                title="Stop Editing and Discard Current Changes"
+              >
+                <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
+                <span slot="start" class="codicon codicon-discard"></span>
+                Discard
+              </vscode-button>
+            </div>
+            <div class="flex flex-row-reverse justify-start gap-x-2">
+              <vscode-button
+                @click="togglePreviewMarkdown"
+                :appearance="
+                  patchCommentForm[selectedRevision.id]?.status === 'previewing'
+                    ? 'primary'
+                    : 'secondary'
+                "
+                :title="
+                  patchCommentForm[selectedRevision.id]?.status === 'previewing'
+                    ? 'Stop Previewing as Rendered Markdown and Return to Editing (Alt + P)'
+                    : 'Preview Changes as Rendered Markdown (Alt + P)'
+                "
+                class="self-center"
+              >
+                <span
+                  :class="[
+                    'codicon',
+                    patchCommentForm[selectedRevision.id]?.status === 'previewing'
+                      ? 'codicon-edit'
+                      : 'codicon-markdown',
+                  ]"
+                ></span>
+              </vscode-button>
+            </div>
+          </div>
+        </form>
+      </EventItem>
       <!-- TODO: list committer's email as tooltip -->
       <!--<div class="grid grid-cols-subgrid gap-x-3 items-center">
         <span
@@ -99,7 +313,7 @@ const patchEvents = computed(() =>
         >
           {{ event.revision.id === firstRevision.id ? 'Patch and revision' : 'Revision' }}
           <span
-            @click="emit('showRevision', event.revision)"
+            @click="$emit('showRevision', event.revision)"
             :title="getRevisionHoverTitle(event.revision.description)"
             class="font-mono hover:cursor-pointer"
             >{{ shortenHash(event.revision.id) }}</span
@@ -125,13 +339,16 @@ const patchEvents = computed(() =>
             {{ `${event.review.verdict}ing` }}
           </span>
           <template v-else>with <span class="font-mono">no verdict</span> for</template>
-          revision
-          <span
-            @click="emit('showRevision', event.revision)"
-            :title="getRevisionHoverTitle(event.revision.description)"
-            class="font-mono hover:cursor-pointer"
-            >{{ shortenHash(event.revision.id) }}</span
-          >
+          <template v-if="patch.revisions.length > 1">
+            revision
+            <span
+              @click="$emit('showRevision', event.revision)"
+              :title="getRevisionHoverTitle(event.revision.description)"
+              class="font-mono hover:cursor-pointer"
+              >{{ shortenHash(event.revision.id) }}</span
+            >
+          </template>
+          <template v-else> patch</template>
           posted
           <span v-if="event.review.inline?.length">with code-inlined comments</span>
           by
@@ -141,7 +358,6 @@ const patchEvents = computed(() =>
           <template v-if="event.review.summary">
             <details v-if="event.review.summary && event.review.comment">
               <summary
-                style="color: var(--vscode-foreground)"
                 title="Click to Expand/Collapse"
                 class="mt-1 max-w-prose break-words text-sm font-mono"
                 >{{ event.review.summary }}</summary
@@ -168,13 +384,16 @@ const patchEvents = computed(() =>
           <span v-if="!event.discussion.resolved"
             >(<span class="font-mono">unresolved</span>)</span
           >
-          posted on revision
-          <span
-            @click="emit('showRevision', event.revision)"
-            :title="getRevisionHoverTitle(event.revision.description)"
-            class="font-mono hover:cursor-pointer"
-            >{{ shortenHash(event.revision.id) }}</span
-          >
+          posted
+          <template v-if="patch.revisions.length > 1">
+            on revision
+            <span
+              @click="$emit('showRevision', event.revision)"
+              :title="getRevisionHoverTitle(event.revision.description)"
+              class="font-mono hover:cursor-pointer"
+              >{{ shortenHash(event.revision.id) }}</span
+            >
+          </template>
           by
           <span :title="event.discussion.author.id" class="font-mono">{{
             getIdentityAliasOrId(event.discussion.author)
@@ -188,12 +407,8 @@ const patchEvents = computed(() =>
               >another</span
             ></span
           >
-          <details
-            v-if="event.discussion.body.length > maxCharsForUntruncatedMdText"
-            class="[&_summary]:open:opacity-50"
-          >
+          <details v-if="event.discussion.body.length > maxCharsForUntruncatedMdText">
             <summary
-              style="color: var(--vscode-foreground)"
               title="Click to Expand/Collapse"
               class="mt-1 max-w-prose text-sm font-mono"
               >{{ truncateMarkdown(event.discussion.body) }}</summary
@@ -216,15 +431,17 @@ const patchEvents = computed(() =>
           <span :title="event.merge.author.id" class="font-mono">{{
             getIdentityAliasOrId(event.merge.author)
           }}</span>
-          using revision
-          <span
-            v-if="event.revision"
-            @click="emit('showRevision', event.revision)"
-            :title="getRevisionHoverTitle(event.revision.description)"
-            class="font-mono hover:cursor-pointer"
-            >{{ shortenHash(event.revision.id) }}</span
-          >
-          <span v-else class="font-mono">{{ shortenHash(event.merge.revision) }}</span>
+          <template v-if="patch.revisions.length > 1">
+            using revision
+            <span
+              v-if="event.revision"
+              @click="$emit('showRevision', event.revision)"
+              :title="getRevisionHoverTitle(event.revision.description)"
+              class="font-mono hover:cursor-pointer"
+              >{{ shortenHash(event.revision.id) }}</span
+            >
+            <span v-else class="font-mono">{{ shortenHash(event.merge.revision) }}</span>
+          </template>
         </EventItem>
       </template>
     </EventList>
@@ -232,6 +449,25 @@ const patchEvents = computed(() =>
 </template>
 
 <style scoped>
+.reset-font {
+  font-family: var(--vscode-font-family);
+  font-size: var(--vscode-font-size);
+}
+
+vscode-text-field::part(control),
+vscode-text-area::part(control) {
+  @apply font-mono text-sm;
+  field-sizing: content;
+  max-height: min(80ch, 65vh);
+  word-break: break-word;
+}
+
+vscode-text-field::part(label),
+vscode-text-area::part(label) {
+  margin-bottom: 0.5em;
+}
+
+.pulse-outline,
 :deep(.pulse-outline) {
   @keyframes outline-pulse {
     from {
@@ -251,7 +487,23 @@ const patchEvents = computed(() =>
     }
   }
 
+  @keyframes outline-pulse-static {
+    from {
+      @apply outline-vscode-editor-foreground;
+    }
+    to {
+      @apply outline-vscode-editor-foreground;
+    }
+  }
+
   @apply outline outline-offset-[0.25em];
-  animation: outline-pulse 1000ms ease-in-out forwards;
+
+  @media (prefers-reduced-motion: no-preference) {
+    animation: outline-pulse 1000ms ease-in-out forwards;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: outline-pulse-static 1000ms ease-in-out forwards;
+  }
 }
 </style>
diff --git a/src/webviews/src/components/PatchDetailRevision.vue b/src/webviews/src/components/PatchDetailRevision.vue
index 23bc06f4..9e212407 100644
--- a/src/webviews/src/components/PatchDetailRevision.vue
+++ b/src/webviews/src/components/PatchDetailRevision.vue
@@ -5,10 +5,14 @@ import {
   vsCodeDropdown,
   vsCodeOption,
 } from '@vscode/webview-ui-toolkit'
-import { computed } from 'vue'
+import { computed, defineEmits, ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { getIdentityAliasOrId, shortenHash } from 'extensionUtils/string'
-import { getDateInIsoWithZeroedTimezone, getFormattedDate } from 'extensionUtils/time'
+import {
+  getDateInIsoWithZeroedTimezone,
+  getFormattedDate,
+  getTimeAgo,
+} from 'extensionUtils/time'
 import { notifyExtension } from 'extensionUtils/webview-messaging'
 import type { Revision } from '../../../types'
 import { usePatchDetailStore } from '@/stores/patchDetailStore'
@@ -18,45 +22,98 @@ import Reactions from './Reactions.vue'
 
 provideVSCodeDesignSystem().register(vsCodeButton(), vsCodeDropdown(), vsCodeOption())
 
-const props = defineProps<{
-  showHeading: boolean
-  selectedRevisionOption: string
-  selectedRevision: Revision
-  revisionOptionsMap: Map<string, Revision>
-}>()
+defineEmits<{ showCreateCommentForm: [targetRevision: Revision] }>()
+defineProps<{ showHeading: boolean }>()
+
+const { patch, authors, firstRevision, latestRevision, mergedRevision, timeLocale } =
+  storeToRefs(usePatchDetailStore())
+
+const revisionOptionsMap = computed(
+  () =>
+    new Map(
+      [...patch.value.revisions]
+        .reverse()
+        .map((revision) => [assembleRevisionOptionLabel(revision), revision]),
+    ),
+)
+const selectedRevisionOption = ref(
+  assembleRevisionOptionLabel(mergedRevision.value ?? latestRevision.value),
+)
+const selectedRevision = computed(() => {
+  const selRev = revisionOptionsMap.value.get(selectedRevisionOption.value)
+  if (selRev) {
+    return selRev
+  }
+
+  // Options got updated and our selected option doesn't match any more. Reset.
+  const fallbackSelRev = mergedRevision.value ?? latestRevision.value
+  // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+  selectedRevisionOption.value = assembleRevisionOptionLabel(fallbackSelRev)
 
-defineEmits<{ didSelectOption: [option: string] }>()
+  return fallbackSelRev
+})
+function selectRevision(revision: Revision) {
+  selectedRevisionOption.value = assembleRevisionOptionLabel(revision)
+}
+function assembleRevisionOptionLabel(revision: Revision): string {
+  const id = shortenHash(revision.id)
+  const timeAgo = getTimeAgo(revision.timestamp, 'mini')
+  const state = [
+    patch.value.merges.map((merge) => merge.revision).includes(revision.id) &&
+      `merged${patch.value.merges.length >= 2 ? `/${patch.value.merges.length}` : ''}`, // TODO: maninak should be `merges-count/required-delegate-count` instead
+    revision.reviews.find((review) => review.verdict === 'accept') && 'accepted',
+    revision.reviews.find((review) => review.verdict === 'reject') && 'rejected',
+    patch.value.revisions.length >= 2 && revision.id === firstRevision.value.id && 'first',
+    patch.value.revisions.length >= 2 && revision.id === latestRevision.value.id && 'latest',
+    patch.value.revisions.length == 1 && 'sole',
+  ].filter(Boolean)
+  const parsedState = state.length ? ` [${state.join(', ')}]` : ''
+  const author = authors.value.length >= 2 ? ` ${getIdentityAliasOrId(revision.author)}` : ''
+  const label = `${id}${parsedState} ${timeAgo}${author}`
 
-const { firstRevision, timeLocale } = storeToRefs(usePatchDetailStore())
+  return label
+}
 
 const shouldHideRevisionDescription = computed(
   () =>
-    props.selectedRevision.description && props.selectedRevision.id === firstRevision.value.id,
+    selectedRevision.value.description && selectedRevision.value.id === firstRevision.value.id,
 )
 const selectedRevisionAcceptedReviews = computed(() =>
-  props.selectedRevision.reviews.filter((review) => review.verdict === 'accept'),
+  selectedRevision.value.reviews.filter((review) => review.verdict === 'accept'),
 )
 const selectedRevisionRejectedReviews = computed(() =>
-  props.selectedRevision.reviews.filter((review) => review.verdict === 'reject'),
+  selectedRevision.value.reviews.filter((review) => review.verdict === 'reject'),
 )
+
+defineExpose({ selectedRevision, selectRevision })
 </script>
 
 <template>
   <section>
     <h2 v-if="showHeading" class="text-lg font-normal mt-0 mb-3">Revision</h2>
-    <vscode-dropdown
-      @change="(ev: CustomEvent) => $emit('didSelectOption', ev.detail._value)"
-      :value="selectedRevisionOption"
-      title="Select a Patch Revision to See More Info About It"
-      class="max-w-full mb-3 font-mono rounded-none"
-    >
-      <vscode-option
-        v-for="revisionOption in revisionOptionsMap.keys()"
-        :key="revisionOption"
-        class="font-mono"
-        >{{ revisionOption }}</vscode-option
+    <div class="mb-3 flex flex-wrap gap-2">
+      <vscode-dropdown
+        @change="(ev: CustomEvent) => (selectedRevisionOption = ev.detail._value)"
+        :value="selectedRevisionOption"
+        title="Select a Patch Revision to See More Info About It"
+        class="max-w-full font-mono rounded-none"
       >
-    </vscode-dropdown>
+        <vscode-option
+          v-for="revisionOption in revisionOptionsMap.keys()"
+          :key="revisionOption"
+          class="font-mono"
+          >{{ revisionOption }}</vscode-option
+        >
+      </vscode-dropdown>
+      <div class="flex gap-x-1">
+        <vscode-button
+          appearance="secondary"
+          title="Begin Authoring a Comment on the Selected Revision"
+          @click="$emit('showCreateCommentForm', selectedRevision)"
+          >Comment</vscode-button
+        >
+      </div>
+    </div>
     <Metadatum label="Id">
       <pre :title="selectedRevision.id">{{ shortenHash(selectedRevision.id) }}</pre>
       <template #aside>
@@ -150,12 +207,10 @@ const selectedRevisionRejectedReviews = computed(() =>
     <Metadatum v-if="selectedRevision.reactions.length" label="Reactions">
       <Reactions :reactions="selectedRevision.reactions" />
     </Metadatum>
-    <!-- TODO: show names of all unique committers -->
+    <!-- TODO: show names of all unique committers and their email on hover -->
     <div v-if="selectedRevision.description" class="mt-4">
       <details v-if="shouldHideRevisionDescription">
-        <summary style="color: var(--vscode-foreground)" title="Click to Expand/Collapse"
-          >Description</summary
-        >
+        <summary title="Click to Expand/Collapse">Description</summary>
         <Markdown :source="selectedRevision.description" class="mt-[0.25em] text-sm" />
       </details>
       <Markdown v-else :source="selectedRevision.description" class="text-sm" />
diff --git a/src/webviews/src/components/PatchDetailTitleDescription.vue b/src/webviews/src/components/PatchDetailTitleDescription.vue
index 408afb95..612595c6 100644
--- a/src/webviews/src/components/PatchDetailTitleDescription.vue
+++ b/src/webviews/src/components/PatchDetailTitleDescription.vue
@@ -4,73 +4,78 @@ import {
   vsCodeButton,
   vsCodeTextArea,
 } from '@vscode/webview-ui-toolkit'
-import { ref, watchEffect, nextTick, computed } from 'vue'
+import { watchEffect, computed, useTemplateRef } from 'vue'
 import { useEventListener } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
+import { notifyExtension } from 'extensionUtils/webview-messaging'
 import { usePatchDetailStore } from '@/stores/patchDetailStore'
 import PatchMetadata from '@/components/PatchMetadata.vue'
 import Markdown from '@/components/Markdown.vue'
-import { notifyExtension } from 'extensionUtils/webview-messaging'
 
 provideVSCodeDesignSystem().register(vsCodeButton(), vsCodeTextArea())
 
 const { patch, firstRevision, patchEditForm, delegates, localIdentity } =
   storeToRefs(usePatchDetailStore())
 
+// TODO: maninak extract to usePatchDetailForm? composable
+
 interface VscodeTextAreaEvent {
   target: { _value: string }
 }
-const formEl = ref<HTMLElement>()
-const titleTextAreaEl = ref<HTMLElement>()
-const descrTextAreaEl = ref<HTMLElement>()
+const formRef = useTemplateRef<HTMLElement>('formRef')
+const titleTextAreaRef = useTemplateRef<HTMLElement>('titleTextAreaRef')
+const descrTextAreaRef = useTemplateRef<HTMLElement>('descrTextAreaRef')
 
-// TODO: maninak add button to toggle between markdown preview and editing
-// TODO: maninak add ctrl/cmd + (B | I | E | K) listeners to toggle bold | italics | backtick-quote | link
+// Those `watchEffect()`s should run once each time the respective elements get created
 watchEffect(() => {
-  const titleEl = titleTextAreaEl.value?.shadowRoot?.querySelector('textarea')
-  const descrEl = descrTextAreaEl.value?.shadowRoot?.querySelector('textarea')
-  const els = [titleEl, descrEl].filter(Boolean)
-
-  els.forEach((el) => {
+  formRef.value &&
     useEventListener(
-      el,
+      formRef.value,
       'keydown',
       (ev) => {
-        if (ev.key === 'Escape') {
-          patchEditForm.value.isEditing = false
-        }
         if (ev.key === 'Enter' && (ev.ctrlKey || ev.metaKey)) {
           submitPatchEditForm()
+        } else if (ev.key === 'Escape') {
+          pausePatchEditing()
+        } else if (ev.key === 'p' && ev.altKey) {
+          togglePreviewMarkdown()
         }
       },
       { passive: true },
     )
-    useEventListener(el, 'focus', () => resetTextAreaHeight(el), { passive: true })
-    useEventListener(el, 'input', () => resetTextAreaHeight(el), { passive: true })
-  })
 })
+watchEffect(() => {
+  setTimeout(() => {
+    titleTextAreaRef.value?.focus()
+    alignViewportWithForm()
+  }, 0) // Vue.nextTick isn't cutting it
 
-function resetTextAreaHeight(el: HTMLTextAreaElement) {
-  el.style.height = ''
-  el.style.height = `${el.scrollHeight + 3}px` // additional offset needed to avoid scrollbar
-  formEl.value?.scrollIntoView({ block: 'end', behavior: 'instant' })
-}
+  const titleEl = titleTextAreaRef.value?.shadowRoot?.querySelector('textarea')
+  const descrEl = descrTextAreaRef.value?.shadowRoot?.querySelector('textarea')
+  const els = [titleEl, descrEl].filter(Boolean)
 
-const isAuthedToEditTitleAndDescr = computed(() => {
-  return [...delegates.value, firstRevision.value.author.id].includes(
-    localIdentity.value?.id ?? '',
-  )
+  els.forEach((el) => {
+    useEventListener(el, 'focus', alignViewportWithForm, { passive: true })
+    useEventListener(el, 'input', alignViewportWithForm, { passive: true })
+  })
 })
 
+function alignViewportWithForm() {
+  formRef.value?.scrollIntoView({ block: 'nearest', behavior: 'instant' })
+}
+
 function beginPatchEditing() {
   patchEditForm.value.title ||= patch.value.title
   patchEditForm.value.descr ||= firstRevision.value.description
-  patchEditForm.value.isEditing = true
-  nextTick(() => titleTextAreaEl.value?.focus())
+  patchEditForm.value.status = 'editing'
+}
+
+function pausePatchEditing() {
+  patchEditForm.value.status = 'off'
 }
 
 function submitPatchEditForm() {
-  patchEditForm.value.isEditing = false
+  patchEditForm.value.status = 'off'
   notifyExtension({
     command: 'updatePatchTitleAndDescription',
     payload: {
@@ -83,92 +88,179 @@ function submitPatchEditForm() {
 }
 
 function discardPatchEditForm() {
-  patchEditForm.value.isEditing = false
+  patchEditForm.value.status = 'off'
   patchEditForm.value.title = ''
   patchEditForm.value.descr = ''
 }
+
+function togglePreviewMarkdown() {
+  if (patchEditForm.value.status === 'editing') {
+    patchEditForm.value.status = 'previewing'
+
+    if (formRef.value) {
+      formRef.value.tabIndex = 0 // allows <form>, otherwise  non-tabbable, to be `focus()`ed
+      formRef.value.focus() // make form keyboard shortcuts still work after toggling MD preview
+      formRef.value.tabIndex = -1 // clean-up
+    }
+  } else if (patchEditForm.value.status === 'previewing') {
+    patchEditForm.value.status = 'editing'
+
+    const elemToFocusBackTo = patchEditForm.value.descr
+      ? descrTextAreaRef.value
+      : titleTextAreaRef.value
+    setTimeout(() => elemToFocusBackTo?.focus(), 0)
+  }
+}
+
+const isAuthedToEditTitleAndDescr = computed(() => {
+  return [...delegates.value, firstRevision.value.author.id].includes(
+    localIdentity.value?.id ?? '',
+  )
+})
 </script>
 
 <template>
   <section class="flex flex-col gap-y-4" style="grid-area: section-patch">
     <PatchMetadata />
-    <div v-if="!patchEditForm.isEditing" class="max-w-fit flex flex-col gap-y-4 group">
-      <div class="flex gap-x-2">
-        <h1 class="my-0 text-3xl font-mono"><Markdown :source="patch.title" /></h1>
-        <vscode-button
-          v-if="isAuthedToEditTitleAndDescr"
-          appearance="icon"
-          title="Edit Patch Title and Description"
-          class="opacity-0 focus:opacity-100 group-hover:opacity-100 sm:p-2"
-          @click="beginPatchEditing"
-        >
-          <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
-          <span class="codicon codicon-edit"></span>
-        </vscode-button>
+    <div class="flex flex-col gap-y-4">
+      <div v-if="patchEditForm.status === 'off'" class="max-w-fit flex flex-col gap-y-4 group">
+        <div class="flex gap-x-2">
+          <h1 class="my-0 text-3xl font-mono"><Markdown :source="patch.title" /></h1>
+          <vscode-button
+            v-if="isAuthedToEditTitleAndDescr && patchEditForm.status === 'off'"
+            appearance="icon"
+            title="Edit Patch Title and Description"
+            class="opacity-0 focus:opacity-100 group-hover:opacity-100 sm:p-2"
+            @click="beginPatchEditing"
+          >
+            <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
+            <span class="codicon codicon-edit"></span>
+          </vscode-button>
+        </div>
+        <Markdown
+          v-if="firstRevision.description"
+          :source="firstRevision.description"
+          class="text-sm"
+        />
       </div>
-      <Markdown :source="firstRevision.description" class="text-sm" />
-    </div>
-    <form
-      v-else
-      @submit.prevent
-      ref="formEl"
-      name="Edit patch title and description"
-      class="pb-2 w-fit flex flex-col gap-y-3"
-    >
-      <vscode-text-area
-        ref="titleTextAreaEl"
-        :value="patchEditForm.title"
-        @input="(ev: VscodeTextAreaEvent) => (patchEditForm.title = ev.target._value)"
-        name="patch title"
-        rows="1"
-        cols="100"
-        resize="vertical"
-        maxlength="400"
+      <form
+        v-if="patchEditForm.status === 'editing' || patchEditForm.status === 'previewing'"
+        @submit.prevent
+        ref="formRef"
+        name="Edit patch title and description"
+        class="pb-2 flex flex-col gap-y-3 outline-none"
       >
-        Patch Title:
-      </vscode-text-area>
-      <vscode-text-area
-        ref="descrTextAreaEl"
-        :value="patchEditForm.descr"
-        @input="(ev: VscodeTextAreaEvent) => (patchEditForm.descr = ev.target._value)"
-        name="patch description"
-        rows="6"
-        cols="100"
-        resize="vertical"
-        maxlength="500000"
-      >
-        Patch Description:
-      </vscode-text-area>
-      <div class="w-full flex flex-row-reverse justify-start gap-x-2">
-        <vscode-button
-          appearance="primary"
-          title="Save Changes to Radicle"
-          @click="submitPatchEditForm"
+        <div
+          v-if="patchEditForm.status === 'previewing'"
+          :class="[
+            'max-w-fit flex flex-col gap-y-4 group',
+            { 'preview-container': patchEditForm.status === 'previewing' },
+          ]"
         >
-          <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
-          <span slot="start" class="codicon codicon-save"></span>
-          Save
-        </vscode-button>
-        <vscode-button
-          appearance="secondary"
-          title="Stop Editing and Discard Current Changes"
-          @click="discardPatchEditForm"
+          <h1 class="my-0 text-3xl font-mono"><Markdown :source="patchEditForm.title" /></h1>
+          <Markdown :source="patchEditForm.descr" class="text-sm" />
+        </div>
+
+        <vscode-text-area
+          v-show="patchEditForm.status === 'editing'"
+          ref="titleTextAreaRef"
+          :value="patchEditForm.title"
+          @input="(ev: VscodeTextAreaEvent) => (patchEditForm.title = ev.target._value)"
+          placeholder="What does this patch do, in a nutshell?"
+          name="patch title"
+          resize="vertical"
+          maxlength="400"
+          >Patch Title:</vscode-text-area
         >
-          <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
-          <span slot="start" class="codicon codicon-discard"></span>
-          Discard
-        </vscode-button>
-      </div>
-    </form>
+        <vscode-text-area
+          v-show="patchEditForm.status === 'editing'"
+          ref="descrTextAreaRef"
+          :value="patchEditForm.descr"
+          @input="(ev: VscodeTextAreaEvent) => (patchEditForm.descr = ev.target._value)"
+          placeholder="Describe the patch in more detail…"
+          name="patch description"
+          resize="vertical"
+          maxlength="500000"
+          >Patch Description:</vscode-text-area
+        >
+
+        <div class="w-full flex flex-row-reverse justify-between">
+          <div class="flex flex-row-reverse justify-start gap-x-2">
+            <vscode-button
+              appearance="primary"
+              title="Save Changes to Radicle (Ctrl + Enter)"
+              @click="submitPatchEditForm"
+            >
+              <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
+              <span slot="start" class="codicon codicon-save"></span>
+              Update
+            </vscode-button>
+            <vscode-button
+              appearance="secondary"
+              title="Pause Editing, Preserving Current Changes for Later (Escape)"
+              @click="pausePatchEditing"
+            >
+              <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
+              <span class="codicon codicon-coffee"></span>
+            </vscode-button>
+            <vscode-button
+              appearance="secondary"
+              title="Stop Editing and Discard Current Changes"
+              @click="discardPatchEditForm"
+            >
+              <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
+              <span slot="start" class="codicon codicon-discard"></span>
+              Discard
+            </vscode-button>
+          </div>
+          <div class="flex flex-row-reverse justify-start gap-x-2">
+            <vscode-button
+              class="self-center"
+              :appearance="patchEditForm.status === 'previewing' ? 'primary' : 'secondary'"
+              :title="
+                patchEditForm.status === 'previewing'
+                  ? 'Stop Previewing as Rendered Markdown and Return to Editing (Alt + P)'
+                  : 'Preview Changes as Rendered Markdown (Alt + P)'
+              "
+              @click="togglePreviewMarkdown"
+            >
+              <span
+                :class="[
+                  'codicon',
+                  patchEditForm.status === 'previewing' ? 'codicon-edit' : 'codicon-markdown',
+                ]"
+              ></span>
+            </vscode-button>
+          </div>
+        </div>
+      </form>
+    </div>
   </section>
 </template>
 
 <style scoped>
+.preview-container {
+  @apply p-1 border border-dashed border-[var(--vscode-focusBorder,var(--vscode-commandCenter-debuggingBackground))];
+}
+
+form {
+  @apply w-fit font-mono text-sm leading-[unset];
+  min-width: min(100%, 68ch); /* results to allowing 65 chars before resizing to be wider */
+}
+
 vscode-text-area::part(control) {
-  min-height: 5ch;
-  max-height: min(80ch, 65vh);
-  field-sizing: content;
   @apply font-mono text-sm;
+  field-sizing: content;
+  max-height: min(80ch, 65vh);
+  word-break: break-word;
+}
+
+vscode-text-area[name*='title']::part(control) {
+  max-height: 12ch; /* results to 4 lines of text */
+}
+
+vscode-text-area[name*='descr']::part(control) {
+  min-height: 12ch; /* results to 4 lines of text */
 }
 
 vscode-text-area::part(label) {
diff --git a/src/webviews/src/components/PatchMajorEvents.vue b/src/webviews/src/components/PatchMajorEvents.vue
index f705c81a..478132a5 100644
--- a/src/webviews/src/components/PatchMajorEvents.vue
+++ b/src/webviews/src/components/PatchMajorEvents.vue
@@ -2,9 +2,13 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { computedWithControl } from '@vueuse/core'
+import type { Revision } from '../../../types'
 import { usePatchDetailStore } from '@/stores/patchDetailStore'
 import { getTimeAgo, getFormattedDate } from 'extensionUtils/time'
 import { getIdentityAliasOrId, shortenHash } from 'extensionUtils/string'
+import { getRevisionHoverTitle } from '@/helpers/patchDetail'
+
+defineEmits<{ showRevision: [revision: Revision] }>()
 
 const { patch, firstRevision, latestRevision, timeLocale } = storeToRefs(usePatchDetailStore())
 
@@ -13,6 +17,9 @@ const { patch, firstRevision, latestRevision, timeLocale } = storeToRefs(usePatc
 const latestMerge = computed(() =>
   [...patch.value.merges].sort((m1, m2) => m1.timestamp - m2.timestamp).at(-1),
 )
+const latestMergeRevision = patch.value.revisions.find(
+  (revision) => revision.id === latestMerge.value?.revision,
+)
 const shouldShowRevisionEvent = computed(() => patch.value.revisions.length >= 2)
 
 const mergedTimeAgo = computedWithControl(
@@ -36,14 +43,19 @@ setInterval(() => {
   <div class="flex flex-col gap-[0.5em]">
     <div v-if="latestMerge" class="leading-tight">
       Merged by
-      <!--  TODO: maninak include all revisions and mergers? -->
       <pre :title="latestMerge.author.id">{{ getIdentityAliasOrId(latestMerge.author) }}</pre>
       using revision
-      <pre :title="latestMerge.revision">{{ shortenHash(latestMerge.revision) }}</pre>
-      <span v-if="!shouldShowRevisionEvent"
-        >at commit
-        <pre :title="latestMerge.commit">{{ shortenHash(latestMerge.commit) }}</pre></span
-      >&ensp;<wbr /><pre :title="getFormattedDate(latestMerge.timestamp, timeLocale)">{{
+      <pre
+        @click="latestMergeRevision && $emit('showRevision', latestMergeRevision)"
+        :title="
+          latestMergeRevision
+            ? getRevisionHoverTitle(latestMergeRevision?.description)
+            : latestMerge.revision
+        "
+        class="hover:cursor-pointer"
+        >{{ shortenHash(latestMerge.revision) }}</pre
+      >
+      &ensp;<wbr /><pre :title="getFormattedDate(latestMerge.timestamp, timeLocale)">{{
         mergedTimeAgo
       }}</pre>
     </div>
@@ -53,8 +65,11 @@ setInterval(() => {
         getIdentityAliasOrId(latestRevision.author)
       }}</pre>
       with revision
-      <pre :title="latestRevision.id">{{ shortenHash(latestRevision.id) }}</pre> at commit
-      <pre :title="latestRevision.oid">{{ shortenHash(latestRevision.oid) }}</pre
+      <pre
+        @click="$emit('showRevision', latestRevision)"
+        :title="getRevisionHoverTitle(latestRevision.description)"
+        class="hover:cursor-pointer"
+        >{{ shortenHash(latestRevision.id) }}</pre
       >&ensp;<wbr /><pre :title="getFormattedDate(latestRevision.timestamp, timeLocale)">{{
         updatedTimeAgo
       }}</pre>
diff --git a/src/webviews/src/components/PatchStatusBadge.vue b/src/webviews/src/components/PatchStatusBadge.vue
index 023a4f29..6a10b5f8 100644
--- a/src/webviews/src/components/PatchStatusBadge.vue
+++ b/src/webviews/src/components/PatchStatusBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
-import { computed, nextTick, ref, toRaw, watchEffect } from 'vue'
+import { computed, nextTick, ref, toRaw, useTemplateRef, watchEffect } from 'vue'
 import {
   provideVSCodeDesignSystem,
   vsCodeButton,
@@ -32,8 +32,8 @@ const isAuthedToEditStatus = computed(() => {
   )
 })
 
-const btnStartEditingEl = ref<HTMLElement>()
-const btnStopEditingEl = ref<HTMLElement>()
+const btnStartEditingRef = useTemplateRef<HTMLElement>('btnStartEditingRef')
+const btnStopEditingRef = useTemplateRef<HTMLElement>('btnStopEditingRef')
 const isEditingStatus = ref(false)
 function toggleStatusEditing(ev: PointerEvent) {
   isEditingStatus.value = !isEditingStatus.value
@@ -42,35 +42,35 @@ function toggleStatusEditing(ev: PointerEvent) {
   if (isKeyboardClick) {
     nextTick(() => {
       isEditingStatus.value
-        ? btnStopEditingEl.value?.focus()
-        : btnStartEditingEl.value?.focus()
+        ? btnStopEditingRef.value?.focus()
+        : btnStartEditingRef.value?.focus()
     })
   }
 }
 
-const radioGroupEl = ref<HTMLElement>()
-const radioDraftEl = ref<HTMLInputElement>()
-const radioOpenEl = ref<HTMLInputElement>()
-const radioArchivedEl = ref<HTMLInputElement>()
+const radioGroupRef = useTemplateRef('radioGroupRef')
+const radioDraftRef = useTemplateRef<HTMLElement & { checked: boolean }>('radioDraftRef')
+const radioOpenRef = useTemplateRef<HTMLElement & { checked: boolean }>('radioOpenRef')
+const radioArchivedRef = useTemplateRef<HTMLElement & { checked: boolean }>('radioArchivedRef')
 
 // <vscode-radio checked> is bugged from the HTML side, so we have to do it manually with JS
 watchEffect(() => {
   if (
-    radioGroupEl.value &&
-    !radioDraftEl.value?.checked &&
-    !radioOpenEl.value?.checked &&
-    !radioArchivedEl.value?.checked
+    radioGroupRef.value &&
+    !radioDraftRef.value?.checked &&
+    !radioOpenRef.value?.checked &&
+    !radioArchivedRef.value?.checked
   ) {
     nextTick(() => {
       switch (status.value) {
         case 'draft':
-          radioDraftEl.value!.checked = true
+          radioDraftRef.value!.checked = true
           break
         case 'open':
-          radioOpenEl.value!.checked = true
+          radioOpenRef.value!.checked = true
           break
         case 'archived':
-          radioArchivedEl.value!.checked = true
+          radioArchivedRef.value!.checked = true
           break
         case 'merged':
           break
@@ -123,7 +123,7 @@ function onRadioChanged(ev: CustomEvent & { srcElement: HTMLInputElement }) {
 
       <vscode-button
         v-if="isAuthedToEditStatus && !isEditingStatus"
-        ref="btnStartEditingEl"
+        ref="btnStartEditingRef"
         @click="toggleStatusEditing"
         appearance="icon"
         title="Change Patch Status"
@@ -135,7 +135,7 @@ function onRadioChanged(ev: CustomEvent & { srcElement: HTMLInputElement }) {
       </vscode-button>
       <vscode-button
         v-if="isEditingStatus"
-        ref="btnStopEditingEl"
+        ref="btnStopEditingRef"
         @click="toggleStatusEditing"
         appearance="icon"
         title="Stop Editing Patch Status"
@@ -148,17 +148,19 @@ function onRadioChanged(ev: CustomEvent & { srcElement: HTMLInputElement }) {
     </span>
     <vscode-radio-group
       v-if="isEditingStatus"
-      ref="radioGroupEl"
+      ref="radioGroupRef"
       name="Select status"
       orientation="vertical"
     >
       <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
       <label slot="label">Status:</label>
-      <vscode-radio ref="radioDraftEl" @change="onRadioChanged" value="draft">
+      <vscode-radio ref="radioDraftRef" @change="onRadioChanged" value="draft">
         Draft
       </vscode-radio>
-      <vscode-radio ref="radioOpenEl" @change="onRadioChanged" value="open">Open</vscode-radio>
-      <vscode-radio ref="radioArchivedEl" @change="onRadioChanged" value="archived">
+      <vscode-radio ref="radioOpenRef" @change="onRadioChanged" value="open"
+        >Open</vscode-radio
+      >
+      <vscode-radio ref="radioArchivedRef" @change="onRadioChanged" value="archived">
         Archived
       </vscode-radio>
     </vscode-radio-group>
diff --git a/src/webviews/src/components/Reactions.vue b/src/webviews/src/components/Reactions.vue
index 448f4993..b9b789c8 100644
--- a/src/webviews/src/components/Reactions.vue
+++ b/src/webviews/src/components/Reactions.vue
@@ -11,7 +11,7 @@ const { localIdentity } = storeToRefs(usePatchDetailStore())
 
 function getNormalizedAuthorsWithoutDids(reaction: Reaction): (string | 'you')[] {
   const normalizedAuthors = reaction.authors.map((author) =>
-    localIdentity.value?.id === author.id ? 'you' : author.alias ?? truncateDid(author.id),
+    localIdentity.value?.id === author.id ? 'you' : (author.alias ?? truncateDid(author.id)),
   )
 
   return normalizedAuthors
diff --git a/src/webviews/src/helpers/patchDetail.ts b/src/webviews/src/helpers/patchDetail.ts
new file mode 100644
index 00000000..9bfbbdca
--- /dev/null
+++ b/src/webviews/src/helpers/patchDetail.ts
@@ -0,0 +1,3 @@
+export function getRevisionHoverTitle(revisionDescription: string) {
+  return `Click to See Revision Details\n⸻\nRevision Description:\n"${revisionDescription}"`
+}
diff --git a/src/webviews/src/stores/patchDetailStore.ts b/src/webviews/src/stores/patchDetailStore.ts
index fc1c015d..81c46e4b 100644
--- a/src/webviews/src/stores/patchDetailStore.ts
+++ b/src/webviews/src/stores/patchDetailStore.ts
@@ -3,15 +3,17 @@ import { defineStore } from 'pinia'
 import { computed, reactive, watchEffect } from 'vue'
 import { type notifyWebview } from 'extensionUtils/webview-messaging'
 import { getFirstAndLatestRevisions } from 'extensionHelpers/patch'
-import type { Patch, PatchDetailWebviewInjectedState } from '../../../types'
+import type { Patch, PatchDetailWebviewInjectedState, Revision } from '../../../types'
 import { getVscodeRef } from '@/utils/getVscodeRef'
 
 type SavedPanelState = Omit<PatchDetailWebviewInjectedState, 'id'> & typeof initialExtraState
+type FormStatus = 'off' | 'editing' | 'previewing'
 
 const vscode = getVscodeRef<SavedPanelState>()
 const initialExtraState = {
   injectedStateIds: [] as number[],
-  patchEditForm: { title: '', descr: '', isEditing: false },
+  patchEditForm: { title: '', descr: '', status: 'off' as FormStatus },
+  patchCommentForm: {} as Record<Revision['id'], { comment: string; status: FormStatus }>,
 }
 
 export const usePatchDetailStore = defineStore('patch-detail', () => {
@@ -30,10 +32,6 @@ export const usePatchDetailStore = defineStore('patch-detail', () => {
 
   const patch = computed(() => state.state.patch)
 
-  const firstAndLatestRevisions = computed(() => getFirstAndLatestRevisions(patch.value))
-  const firstRevision = computed(() => firstAndLatestRevisions.value.firstRevision)
-  const latestRevision = computed(() => firstAndLatestRevisions.value.latestRevision)
-
   const authors = computed(() =>
     patch.value.revisions
       .map((rev) => rev.author)
@@ -46,8 +44,14 @@ export const usePatchDetailStore = defineStore('patch-detail', () => {
       ),
   )
 
-  const localIdentity = computed(() => state.state.localIdentity)
-  // TODO: delete delete `identities` from `patchDetailStore` or move it into patchStore across all patches if not too slow. Will be useful for a "Contributors" view.
+  const firstAndLatestRevisions = computed(() => getFirstAndLatestRevisions(patch.value))
+  const firstRevision = computed(() => firstAndLatestRevisions.value.firstRevision)
+  const latestRevision = computed(() => firstAndLatestRevisions.value.latestRevision)
+  const mergedRevision = computed(() =>
+    patch.value.revisions.find((revision) => revision.id === patch.value.merges[0]?.revision),
+  )
+
+  // TODO: delete `identities` from `patchDetailStore` or move it into patchStore across all patches if not too slow. Will be useful for a "Contributors" view.
   const identities = computed(() => {
     const mergers = patch.value.merges.map((merge) => merge.author)
     const commenters = patch.value.revisions.flatMap((revision) =>
@@ -59,7 +63,7 @@ export const usePatchDetailStore = defineStore('patch-detail', () => {
 
     const uniqueIds = [
       ...new Map(
-        [localIdentity.value, ...authors.value, ...mergers, ...commenters, ...reviewers]
+        [state.state.localIdentity, ...authors.value, ...mergers, ...commenters, ...reviewers]
           .filter(Boolean)
           .map((identity) => [identity.id, identity]),
       ).values(),
@@ -68,12 +72,6 @@ export const usePatchDetailStore = defineStore('patch-detail', () => {
     return uniqueIds
   })
 
-  const timeLocale = computed(() => state.state.timeLocale)
-  const delegates = computed(() => state.state.delegates)
-  const defaultBranch = computed(() => state.state.defaultBranch)
-
-  const patchEditForm = computed(() => state.patchEditForm)
-
   watchEffect(() => {
     // TODO: save and restore scroll position?
     vscode.setState(state)
@@ -94,15 +92,17 @@ export const usePatchDetailStore = defineStore('patch-detail', () => {
 
   return {
     patch,
+    authors,
     firstRevision,
     latestRevision,
-    authors,
-    localIdentity,
+    mergedRevision,
     identities,
-    timeLocale,
-    delegates,
-    defaultBranch,
-    patchEditForm,
+    localIdentity: computed(() => state.state.localIdentity),
+    timeLocale: computed(() => state.state.timeLocale),
+    delegates: computed(() => state.state.delegates),
+    defaultBranch: computed(() => state.state.defaultBranch),
+    patchEditForm: computed(() => state.patchEditForm),
+    patchCommentForm: computed(() => state.patchCommentForm),
   }
 })
 
diff --git a/src/webviews/src/utils/scrollToTemplateRef.ts b/src/webviews/src/utils/scrollToTemplateRef.ts
index bb9f5c15..c01a055b 100644
--- a/src/webviews/src/utils/scrollToTemplateRef.ts
+++ b/src/webviews/src/utils/scrollToTemplateRef.ts
@@ -2,8 +2,11 @@ import type { ComponentPublicInstance, MaybeRef } from 'vue'
 import { unrefElement } from '@vueuse/core'
 
 export function scrollToTemplateRef(
-  templateRef?: MaybeRef<ComponentPublicInstance> | MaybeRef<HTMLElement | SVGElement>,
-  options?: { classToAdd: string; removeAfterMs: number },
+  templateRef?: MaybeRef<ComponentPublicInstance> | MaybeRef<HTMLElement | SVGElement> | null,
+  options?: {
+    addClass?: { class: string; removeAfterMs: number }
+    scrollIntoViewOptions?: Parameters<HTMLElement['scrollIntoView']>[0]
+  },
 ) {
   const el = unrefElement(templateRef)
   if (!el) {
@@ -11,11 +14,14 @@ export function scrollToTemplateRef(
     return
   }
 
-  el.scrollIntoView({ block: 'center', behavior: 'smooth' })
+  el.scrollIntoView(options?.scrollIntoViewOptions ?? { block: 'center', behavior: 'smooth' })
 
-  if (options?.classToAdd) {
-    el.classList.add(options.classToAdd)
-    options?.removeAfterMs !== undefined &&
-      setTimeout(() => el.classList.remove(options.classToAdd), options.removeAfterMs)
+  if (options?.addClass?.class) {
+    el.classList.add(options.addClass.class)
+    options.addClass.removeAfterMs !== undefined &&
+      setTimeout(
+        () => el.classList.remove(options.addClass?.class || ''),
+        options.addClass.removeAfterMs,
+      )
   }
 }
diff --git a/src/webviews/tsconfig.app.json b/src/webviews/tsconfig.app.json
index 9f3d2535..87b7efd4 100644
--- a/src/webviews/tsconfig.app.json
+++ b/src/webviews/tsconfig.app.json
@@ -18,6 +18,13 @@
     "lib": ["ES2022", "DOM"],
     "noEmit": true,
     "baseUrl": ".",
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noFallthroughCasesInSwitch": true,
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true,
+    "incremental": true,
+    "tsBuildInfoFile": "node_modules/.cache/typescript/.tsbuildinfo",
     "paths": {
       "@/*": ["./src/*"],
       "extensionHelpers/*": ["../helpers/*"],