diff --git a/design/model-setup-dialog/v1/README.md b/design/model-setup-dialog/v1/README.md
new file mode 100644
index 0000000..0de897d
--- /dev/null
+++ b/design/model-setup-dialog/v1/README.md
@@ -0,0 +1,23 @@
+# Model Setup Dialog Design v1
+
+## Scope
+- Improve selected-state clarity for provider cards.
+- Unify selected ring and check colors with primary action color.
+- Replace hardcoded red error/close-hover colors with MAI danger tokens.
+
+## Decisions
+- Selected card keeps a single visible selected border layer.
+- Selected fill matches hover fill to avoid a blue tint bias.
+- Error text and close-hover danger visuals use semantic tokens:
+  - --smtc-status-danger-foreground
+  - --smtc-status-danger-background
+
+## Files Updated
+- desktop/renderer/src/components/ModelSetupDialog.vue
+- desktop/renderer/src/components/GatewayLoading.vue
+- desktop/renderer/src/App.vue
+- desktop/renderer/src/styles/global.css
+- desktop/renderer/src/views/ChatView.vue
+
+## Notes
+- This version is intended for design iteration and review on branch design/model-setup-dialog/v1.
diff --git a/desktop/renderer/.storybook/main.ts b/desktop/renderer/.storybook/main.ts
new file mode 100644
index 0000000..8675ad0
--- /dev/null
+++ b/desktop/renderer/.storybook/main.ts
@@ -0,0 +1,19 @@
+import type { StorybookConfig } from "@storybook/vue3-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/addon-a11y",
+  ],
+  framework: {
+    name: "@storybook/vue3-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+
+export default config;
diff --git a/desktop/renderer/.storybook/preview.ts b/desktop/renderer/.storybook/preview.ts
new file mode 100644
index 0000000..36fdaee
--- /dev/null
+++ b/desktop/renderer/.storybook/preview.ts
@@ -0,0 +1,16 @@
+import type { Preview } from "@storybook/vue3";
+import "../src/styles/global.css";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    layout: "centered",
+  },
+};
+
+export default preview;
diff --git a/desktop/renderer/package-lock.json b/desktop/renderer/package-lock.json
index 3dd1bbb..2dd480d 100644
--- a/desktop/renderer/package-lock.json
+++ b/desktop/renderer/package-lock.json
@@ -22,6 +22,11 @@
       "devDependencies": {
         "@eslint/js": "^10.0.1",
         "@microsoft/eslint-formatter-sarif": "^3.1.0",
+        "@storybook/addon-a11y": "^8.6.14",
+        "@storybook/addon-essentials": "^8.6.14",
+        "@storybook/addon-interactions": "^8.6.14",
+        "@storybook/test": "^8.6.14",
+        "@storybook/vue3-vite": "^8.6.14",
         "@types/markdown-it": "^14.1.0",
         "@types/qrcode": "^1.5.5",
         "@vitejs/plugin-vue": "^5.2.0",
@@ -31,6 +36,7 @@
         "eslint-plugin-vue": "^10.8.0",
         "globals": "^17.4.0",
         "jsdom": "^29.0.1",
+        "storybook": "^8.6.14",
         "typescript": "^5.7.0",
         "typescript-eslint": "^8.58.0",
         "vite": "^6.0.0",
@@ -38,6 +44,13 @@
         "vue-tsc": "^2.2.0"
       }
     },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.5.0.tgz",
+      "integrity": "sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@asamuzakjp/css-color": {
       "version": "5.1.11",
       "resolved": "https://registry.npmmirror.com/@asamuzakjp/css-color/-/css-color-5.1.11.tgz",
@@ -89,6 +102,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-string-parser": {
       "version": "7.27.1",
       "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
@@ -99,9 +127,9 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -122,6 +150,16 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/types": {
       "version": "7.29.0",
       "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
@@ -1166,6 +1204,24 @@
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "license": "MIT"
     },
+    "node_modules/@mdx-js/react": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-3.1.1.tgz",
+      "integrity": "sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdx": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16",
+        "react": ">=16"
+      }
+    },
     "node_modules/@microsoft/eslint-formatter-sarif": {
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/@microsoft/eslint-formatter-sarif/-/eslint-formatter-sarif-3.1.0.tgz",
@@ -1819,273 +1875,1063 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/chai": {
-      "version": "5.2.3",
-      "resolved": "https://registry.npmmirror.com/@types/chai/-/chai-5.2.3.tgz",
-      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+    "node_modules/@storybook/addon-a11y": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.6.14.tgz",
+      "integrity": "sha512-fozv6enO9IgpWq2U8qqS8MZ21Nt+MVHiRQe3CjnCpBOejTyo/ATm690PeYYRVHVG6M/15TVePb0h3ngKQbrrzQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/deep-eql": "*",
-        "assertion-error": "^2.0.1"
+        "@storybook/addon-highlight": "8.6.14",
+        "@storybook/global": "^5.0.0",
+        "@storybook/test": "8.6.14",
+        "axe-core": "^4.2.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@types/deep-eql": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmmirror.com/@types/deep-eql/-/deep-eql-4.0.2.tgz",
-      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+    "node_modules/@storybook/addon-actions": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.6.14.tgz",
+      "integrity": "sha512-mDQxylxGGCQSK7tJPkD144J8jWh9IU9ziJMHfB84PKpI/V5ZgqMDnpr2bssTrUaGDqU5e1/z8KcRF+Melhs9pQ==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/dompurify": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmmirror.com/@types/dompurify/-/dompurify-3.0.5.tgz",
-      "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
       "license": "MIT",
       "dependencies": {
-        "@types/trusted-types": "*"
+        "@storybook/global": "^5.0.0",
+        "@types/uuid": "^9.0.1",
+        "dequal": "^2.0.2",
+        "polished": "^4.2.2",
+        "uuid": "^9.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@types/esrecurse": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmmirror.com/@types/esrecurse/-/esrecurse-4.3.1.tgz",
-      "integrity": "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.9.tgz",
-      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/linkify-it": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmmirror.com/@types/linkify-it/-/linkify-it-5.0.0.tgz",
-      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+    "node_modules/@storybook/addon-backgrounds": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.6.14.tgz",
+      "integrity": "sha512-l9xS8qWe5n4tvMwth09QxH2PmJbCctEvBAc1tjjRasAfrd69f7/uFK4WhwJAstzBTNgTc8VXI4w8ZR97i1sFbg==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/lodash": {
-      "version": "4.17.24",
-      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.24.tgz",
-      "integrity": "sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==",
-      "license": "MIT"
-    },
-    "node_modules/@types/lodash-es": {
-      "version": "4.17.12",
-      "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz",
-      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
       "license": "MIT",
       "dependencies": {
-        "@types/lodash": "*"
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@types/markdown-it": {
-      "version": "14.1.2",
-      "resolved": "https://registry.npmmirror.com/@types/markdown-it/-/markdown-it-14.1.2.tgz",
-      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+    "node_modules/@storybook/addon-controls": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.6.14.tgz",
+      "integrity": "sha512-IiQpkNJdiRyA4Mq9mzjZlvQugL/aE7hNgVxBBGPiIZG6wb6Ht9hNnBYpap5ZXXFKV9p2qVI0FZK445ONmAa+Cw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/linkify-it": "^5",
-        "@types/mdurl": "^2"
+        "@storybook/global": "^5.0.0",
+        "dequal": "^2.0.2",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@types/mdurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/@types/mdurl/-/mdurl-2.0.0.tgz",
-      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/node": {
-      "version": "25.8.0",
-      "resolved": "https://registry.npmmirror.com/@types/node/-/node-25.8.0.tgz",
-      "integrity": "sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==",
+    "node_modules/@storybook/addon-docs": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.6.14.tgz",
+      "integrity": "sha512-Obpd0OhAF99JyU5pp5ci17YmpcQtMNgqW2pTXV8jAiiipWpwO++hNDeQmLmlSXB399XjtRDOcDVkoc7rc6JzdQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": ">=7.24.0 <7.24.7"
+        "@mdx-js/react": "^3.0.0",
+        "@storybook/blocks": "8.6.14",
+        "@storybook/csf-plugin": "8.6.14",
+        "@storybook/react-dom-shim": "8.6.14",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@types/qrcode": {
-      "version": "1.5.6",
-      "resolved": "https://registry.npmmirror.com/@types/qrcode/-/qrcode-1.5.6.tgz",
-      "integrity": "sha512-te7NQcV2BOvdj2b1hCAHzAoMNuj65kNBMz0KBaxM6c3VGBOhU0dURQKOtH8CFNI/dsKkwlv32p26qYQTWoB5bw==",
+    "node_modules/@storybook/addon-essentials": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.6.14.tgz",
+      "integrity": "sha512-5ZZSHNaW9mXMOFkoPyc3QkoNGdJHETZydI62/OASR0lmPlJ1065TNigEo5dJddmZNn0/3bkE8eKMAzLnO5eIdA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/node": "*"
+        "@storybook/addon-actions": "8.6.14",
+        "@storybook/addon-backgrounds": "8.6.14",
+        "@storybook/addon-controls": "8.6.14",
+        "@storybook/addon-docs": "8.6.14",
+        "@storybook/addon-highlight": "8.6.14",
+        "@storybook/addon-measure": "8.6.14",
+        "@storybook/addon-outline": "8.6.14",
+        "@storybook/addon-toolbars": "8.6.14",
+        "@storybook/addon-viewport": "8.6.14",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@types/trusted-types": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.7.tgz",
-      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
-      "license": "MIT"
-    },
-    "node_modules/@types/web-bluetooth": {
-      "version": "0.0.21",
-      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
-      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
-      "license": "MIT"
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.59.3",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.3.tgz",
-      "integrity": "sha512-PwFvSKsXGShKGW6n5bZOhGHEcCZXM8HofLK9fNsEwZXzFRjoY+XT1Vsf1zgyXdwTr0ZYz1/2tkZ0DBTT9jZjhw==",
+    "node_modules/@storybook/addon-highlight": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.6.14.tgz",
+      "integrity": "sha512-4H19OJlapkofiE9tM6K/vsepf4ir9jMm9T+zw5L85blJZxhKZIbJ6FO0TCG9PDc4iPt3L6+aq5B0X29s9zicNQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.59.3",
-        "@typescript-eslint/type-utils": "8.59.3",
-        "@typescript-eslint/utils": "8.59.3",
-        "@typescript-eslint/visitor-keys": "8.59.3",
-        "ignore": "^7.0.5",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.5.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "@storybook/global": "^5.0.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.59.3",
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+    "node_modules/@storybook/addon-interactions": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.6.14.tgz",
+      "integrity": "sha512-8VmElhm2XOjh22l/dO4UmXxNOolGhNiSpBcls2pqWSraVh4a670EyYBZsHpkXqfNHo2YgKyZN3C91+9zfH79qQ==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 4"
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/instrumenter": "8.6.14",
+        "@storybook/test": "8.6.14",
+        "polished": "^4.2.2",
+        "ts-dedent": "^2.2.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "8.59.3",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-8.59.3.tgz",
-      "integrity": "sha512-HPwA+hVkfcriajbNvTmZv4VRauibay+cWArYUYq7u7W7PmGShMxbPxLvrwDme55a6d5alG3nrYfhyJ/G28XlLg==",
+    "node_modules/@storybook/addon-measure": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.6.14.tgz",
+      "integrity": "sha512-1Tlyb72NX8aAqm6I6OICsUuGOP6hgnXcuFlXucyhKomPa6j3Eu2vKu561t/f0oGtAK2nO93Z70kVaEh5X+vaGw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.59.3",
-        "@typescript-eslint/types": "8.59.3",
-        "@typescript-eslint/typescript-estree": "8.59.3",
-        "@typescript-eslint/visitor-keys": "8.59.3",
-        "debug": "^4.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "@storybook/global": "^5.0.0",
+        "tiny-invariant": "^1.3.1"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@typescript-eslint/project-service": {
-      "version": "8.59.3",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/project-service/-/project-service-8.59.3.tgz",
-      "integrity": "sha512-ECiUWa/KYRGDFUqTNehaRgzDshnJfkTABJxVemHk4ko22gcr0ukloKjWvyQ64g8YCV/UI47kN1dbmjf/GaQYng==",
+    "node_modules/@storybook/addon-outline": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.6.14.tgz",
+      "integrity": "sha512-CW857JvN6OxGWElqjlzJO2S69DHf+xO3WsEfT5mT3ZtIjmsvRDukdWfDU9bIYUFyA2lFvYjncBGjbK+I91XR7w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.59.3",
-        "@typescript-eslint/types": "^8.59.3",
-        "debug": "^4.4.3"
+        "@storybook/global": "^5.0.0",
+        "ts-dedent": "^2.0.0"
       },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
       },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
+      }
+    },
+    "node_modules/@storybook/addon-toolbars": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.6.14.tgz",
+      "integrity": "sha512-W/wEXT8h3VyZTVfWK/84BAcjAxTdtRiAkT2KAN0nbSHxxB5KEM1MjKpKu2upyzzMa3EywITqbfy4dP6lpkVTwQ==",
+      "dev": true,
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <6.1.0"
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.59.3",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/scope-manager/-/scope-manager-8.59.3.tgz",
-      "integrity": "sha512-t2LvZnoEfzKtnPjgeEu41xw5gxq9mQVfYy4OoZ4Vlt0sk3JwxmhCca/AR7DwOiHrjWgjAj6as4AhRLKSDfvZIA==",
+    "node_modules/@storybook/addon-viewport": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.6.14.tgz",
+      "integrity": "sha512-gNzVQbMqRC+/4uQTPI2ZrWuRHGquTMZpdgB9DrD88VTEjNudP+J6r8myLfr2VvGksBbUMHkGHMXHuIhrBEnXYA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.59.3",
-        "@typescript-eslint/visitor-keys": "8.59.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "memoizerific": "^1.11.3"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
       }
     },
-    "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.59.3",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.3.tgz",
-      "integrity": "sha512-PcIJHjmaREXLgIAIzLnSY9VucEzz8FKXsRgFa1DmdGCK/5tJpW03TKJF01Q6VZd1lLdz2sIKPWaDUZN9dp//dw==",
+    "node_modules/@storybook/blocks": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.6.14.tgz",
+      "integrity": "sha512-rBMHAfA39AGHgkrDze4RmsnQTMw1ND5fGWobr9pDcJdnDKWQWNRD7Nrlxj0gFlN3n4D9lEZhWGdFrCbku7FVAQ==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      "dependencies": {
+        "@storybook/icons": "^1.2.12",
+        "ts-dedent": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <6.1.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "storybook": "^8.6.14"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.59.3",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/type-utils/-/type-utils-8.59.3.tgz",
-      "integrity": "sha512-g71d8QD8UaiHGvrJwyIS1hCX5r63w6Jll+4VEYhEAHXTDIqX1JgxhTAbEHtKntL9kuc4jRo7/GWw5xfCepSccQ==",
+    "node_modules/@storybook/builder-vite": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.6.14.tgz",
+      "integrity": "sha512-ajWYhy32ksBWxwWHrjwZzyC0Ii5ZTeu5lsqA95Q/EQBB0P5qWlHWGM3AVyv82Mz/ND03ebGy123uVwgf6olnYQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.59.3",
-        "@typescript-eslint/typescript-estree": "8.59.3",
-        "@typescript-eslint/utils": "8.59.3",
-        "debug": "^4.4.3",
-        "ts-api-utils": "^2.5.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "@storybook/csf-plugin": "8.6.14",
+        "browser-assert": "^1.2.1",
+        "ts-dedent": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
+        "storybook": "^8.6.14",
+        "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
       }
     },
-    "node_modules/@typescript-eslint/types": {
+    "node_modules/@storybook/components": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.6.14.tgz",
+      "integrity": "sha512-HNR2mC5I4Z5ek8kTrVZlIY/B8gJGs5b3XdZPBPBopTIN6U/YHXiDyOjY3JlaS4fSG1fVhp/Qp1TpMn1w/9m1pw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/@storybook/core": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.6.14.tgz",
+      "integrity": "sha512-1P/w4FSNRqP8j3JQBOi3yGt8PVOgSRbP66Ok520T78eJBeqx9ukCfl912PQZ7SPbW3TIunBwLXMZOjZwBB/JmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/theming": "8.6.14",
+        "better-opn": "^3.0.2",
+        "browser-assert": "^1.2.1",
+        "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0",
+        "esbuild-register": "^3.5.0",
+        "jsdoc-type-pratt-parser": "^4.0.0",
+        "process": "^0.11.10",
+        "recast": "^0.23.5",
+        "semver": "^7.6.2",
+        "util": "^0.12.5",
+        "ws": "^8.2.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/csf-plugin": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.6.14.tgz",
+      "integrity": "sha512-dErtc9teAuN+eelN8FojzFE635xlq9cNGGGEu0WEmMUQ4iJ8pingvBO1N8X3scz4Ry7KnxX++NNf3J3gpxS8qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unplugin": "^1.3.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
+      }
+    },
+    "node_modules/@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@storybook/icons": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.6.0.tgz",
+      "integrity": "sha512-hcFZIjW8yQz8O8//2WTIXylm5Xsgc+lW9ISLgUk1xGmptIJQRdlhVIXCpSyLrQaaRiyhQRaVg7l3BD9S216BHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
+      }
+    },
+    "node_modules/@storybook/instrumenter": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.6.14.tgz",
+      "integrity": "sha512-iG4MlWCcz1L7Yu8AwgsnfVAmMbvyRSk700Mfy2g4c8y5O+Cv1ejshE1LBBsCwHgkuqU0H4R0qu4g23+6UnUemQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@vitest/utils": "^2.1.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
+      }
+    },
+    "node_modules/@storybook/instrumenter/node_modules/@vitest/pretty-format": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz",
+      "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@storybook/instrumenter/node_modules/@vitest/utils": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz",
+      "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "2.1.9",
+        "loupe": "^3.1.2",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@storybook/instrumenter/node_modules/tinyrainbow": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
+      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@storybook/manager-api": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.6.14.tgz",
+      "integrity": "sha512-ez0Zihuy17udLbfHZQXkGqwtep0mSGgHcNzGN7iZrMP1m+VmNo+7aGCJJdvXi7+iU3yq8weXSQFWg5DqWgLS7g==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/@storybook/preview-api": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.6.14.tgz",
+      "integrity": "sha512-2GhcCd4dNMrnD7eooEfvbfL4I83qAqEyO0CO7JQAmIO6Rxb9BsOLLI/GD5HkvQB73ArTJ+PT50rfaO820IExOQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/@storybook/react-dom-shim": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.6.14.tgz",
+      "integrity": "sha512-0hixr3dOy3f3M+HBofp3jtMQMS+sqzjKNgl7Arfuj3fvjmyXOks/yGjDImySR4imPtEllvPZfhiQNlejheaInw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.6.14"
+      }
+    },
+    "node_modules/@storybook/test": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.6.14.tgz",
+      "integrity": "sha512-GkPNBbbZmz+XRdrhMtkxPotCLOQ1BaGNp/gFZYdGDk2KmUWBKmvc5JxxOhtoXM2703IzNFlQHSSNnhrDZYuLlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/instrumenter": "8.6.14",
+        "@testing-library/dom": "10.4.0",
+        "@testing-library/jest-dom": "6.5.0",
+        "@testing-library/user-event": "14.5.2",
+        "@vitest/expect": "2.0.5",
+        "@vitest/spy": "2.0.5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/@vitest/expect": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz",
+      "integrity": "sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "2.0.5",
+        "@vitest/utils": "2.0.5",
+        "chai": "^5.1.1",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/@vitest/pretty-format": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz",
+      "integrity": "sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/@vitest/spy": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz",
+      "integrity": "sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^3.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/@vitest/utils": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz",
+      "integrity": "sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "2.0.5",
+        "estree-walker": "^3.0.3",
+        "loupe": "^3.1.1",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/chai": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
+      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/tinyrainbow": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
+      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@storybook/theming": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.6.14.tgz",
+      "integrity": "sha512-r4y+LsiB37V5hzpQo+BM10PaCsp7YlZ0YcZzQP1OCkPlYXmUAFy2VvDKaFRpD8IeNPKug2u4iFm/laDEbs03dg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/@storybook/vue3": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-8.6.14.tgz",
+      "integrity": "sha512-T9ORF734iBqYf2Sw/L/6qQL3FvBH9q6dHh8AFGkqTL/cluy0VxW55B6QLBvLAMS2OeMFB5dXRli5MFfw5njjQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/components": "8.6.14",
+        "@storybook/global": "^5.0.0",
+        "@storybook/manager-api": "8.6.14",
+        "@storybook/preview-api": "8.6.14",
+        "@storybook/theming": "8.6.14",
+        "@vue/compiler-core": "^3.0.0",
+        "ts-dedent": "^2.0.0",
+        "type-fest": "~2.19",
+        "vue-component-type-helpers": "latest"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14",
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@storybook/vue3-vite": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-8.6.14.tgz",
+      "integrity": "sha512-3BclEv7SzHuw8eC9mFsAuH3EjEf4eCb0FxY3SoyTagNX14WjCE5cV2AK9RpWh6e5kQZiTzF8NiYq6AJqi5ebbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/builder-vite": "8.6.14",
+        "@storybook/vue3": "8.6.14",
+        "find-package-json": "^1.2.0",
+        "magic-string": "^0.30.0",
+        "typescript": "^5.7.3",
+        "vue-component-meta": "^2.0.0",
+        "vue-docgen-api": "^4.75.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.14",
+        "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
+      }
+    },
+    "node_modules/@storybook/vue3/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
+      "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz",
+      "integrity": "sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "chalk": "^3.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "lodash": "^4.17.21",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/user-event": {
+      "version": "14.5.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz",
+      "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": ">=7.21.4"
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmmirror.com/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/dompurify": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmmirror.com/@types/dompurify/-/dompurify-3.0.5.tgz",
+      "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/trusted-types": "*"
+      }
+    },
+    "node_modules/@types/esrecurse": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmmirror.com/@types/esrecurse/-/esrecurse-4.3.1.tgz",
+      "integrity": "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.24",
+      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.24.tgz",
+      "integrity": "sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmmirror.com/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mdx": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.14.tgz",
+      "integrity": "sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "25.8.0",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-25.8.0.tgz",
+      "integrity": "sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": ">=7.24.0 <7.24.7"
+      }
+    },
+    "node_modules/@types/qrcode": {
+      "version": "1.5.6",
+      "resolved": "https://registry.npmmirror.com/@types/qrcode/-/qrcode-1.5.6.tgz",
+      "integrity": "sha512-te7NQcV2BOvdj2b1hCAHzAoMNuj65kNBMz0KBaxM6c3VGBOhU0dURQKOtH8CFNI/dsKkwlv32p26qYQTWoB5bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.17",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz",
+      "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/uuid": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz",
+      "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.59.3",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.3.tgz",
+      "integrity": "sha512-PwFvSKsXGShKGW6n5bZOhGHEcCZXM8HofLK9fNsEwZXzFRjoY+XT1Vsf1zgyXdwTr0ZYz1/2tkZ0DBTT9jZjhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.59.3",
+        "@typescript-eslint/type-utils": "8.59.3",
+        "@typescript-eslint/utils": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.59.3",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.59.3",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-8.59.3.tgz",
+      "integrity": "sha512-HPwA+hVkfcriajbNvTmZv4VRauibay+cWArYUYq7u7W7PmGShMxbPxLvrwDme55a6d5alG3nrYfhyJ/G28XlLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.59.3",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.59.3",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/project-service/-/project-service-8.59.3.tgz",
+      "integrity": "sha512-ECiUWa/KYRGDFUqTNehaRgzDshnJfkTABJxVemHk4ko22gcr0ukloKjWvyQ64g8YCV/UI47kN1dbmjf/GaQYng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.59.3",
+        "@typescript-eslint/types": "^8.59.3",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.59.3",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/scope-manager/-/scope-manager-8.59.3.tgz",
+      "integrity": "sha512-t2LvZnoEfzKtnPjgeEu41xw5gxq9mQVfYy4OoZ4Vlt0sk3JwxmhCca/AR7DwOiHrjWgjAj6as4AhRLKSDfvZIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.59.3",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.3.tgz",
+      "integrity": "sha512-PcIJHjmaREXLgIAIzLnSY9VucEzz8FKXsRgFa1DmdGCK/5tJpW03TKJF01Q6VZd1lLdz2sIKPWaDUZN9dp//dw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.59.3",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/type-utils/-/type-utils-8.59.3.tgz",
+      "integrity": "sha512-g71d8QD8UaiHGvrJwyIS1hCX5r63w6Jll+4VEYhEAHXTDIqX1JgxhTAbEHtKntL9kuc4jRo7/GWw5xfCepSccQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3",
+        "@typescript-eslint/utils": "8.59.3",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
       "version": "8.59.3",
       "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-8.59.3.tgz",
       "integrity": "sha512-ePFoH0g4ludssdRFqqDxQePCxU4WQyRa9+XVwjm7yLn0FKhMeoetC+qBEEI1Eyb1pGSDveTIT09Bvw2WhlGayg==",
@@ -2665,6 +3511,30 @@
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
       "license": "Python-2.0"
     },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/assert-never": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/assert-never/-/assert-never-1.4.0.tgz",
+      "integrity": "sha512-5oJg84os6NMQNl27T9LnZkvvqzvAnHu03ShCnoj6bsJwS7L8AO4lf+C/XjK/nvzEqQB744moC6V128RucQd1jA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/assertion-error": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/assertion-error/-/assertion-error-2.0.1.tgz",
@@ -2675,12 +3545,64 @@
         "node": ">=12"
       }
     },
+    "node_modules/ast-types": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz",
+      "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/async-validator": {
       "version": "4.2.5",
       "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
       "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
       "license": "MIT"
     },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.12.1.tgz",
+      "integrity": "sha512-s7iGf5GaVMxEG0ENN9x+xTr7GFZCb1ZP/1uATUpCEK2X78nDB3RwbtFCo9pGAf9ru+VwoQ464DkaLEeRM08wJA==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/babel-walk": {
+      "version": "3.0.0-canary-5",
+      "resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz",
+      "integrity": "sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.9.6"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "4.0.4",
       "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-4.0.4.tgz",
@@ -2691,6 +3613,19 @@
         "node": "18 || 20 || >=22"
       }
     },
+    "node_modules/better-opn": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz",
+      "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "open": "^8.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/bidi-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/bidi-js/-/bidi-js-1.0.3.tgz",
@@ -2708,17 +3643,73 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/brace-expansion": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-5.0.6.tgz",
-      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+    "node_modules/brace-expansion": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/browser-assert": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz",
+      "integrity": "sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==",
+      "dev": true
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^4.0.2"
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
       },
       "engines": {
-        "node": "18 || 20 || >=22"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/callsites": {
@@ -2783,6 +3774,26 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/character-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz",
+      "integrity": "sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-regex": "^1.0.3"
+      }
+    },
+    "node_modules/check-error": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.3.tgz",
+      "integrity": "sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
     "node_modules/cliui": {
       "version": "6.0.0",
       "resolved": "https://registry.npmmirror.com/cliui/-/cliui-6.0.0.tgz",
@@ -2910,6 +3921,17 @@
         "proto-list": "~1.2.1"
       }
     },
+    "node_modules/constantinople": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz",
+      "integrity": "sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.6.0",
+        "@babel/types": "^7.6.1"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -2946,6 +3968,13 @@
         "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
       }
     },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/cssesc/-/cssesc-3.0.0.tgz",
@@ -3026,6 +4055,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
@@ -3033,6 +4072,44 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/dijkstrajs": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
@@ -3052,6 +4129,20 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/doctypes": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz",
+      "integrity": "sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/dompurify": {
       "version": "3.4.3",
       "resolved": "https://registry.npmmirror.com/dompurify/-/dompurify-3.4.3.tgz",
@@ -3061,6 +4152,21 @@
         "@types/trusted-types": "^2.0.7"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -3165,6 +4271,26 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/es-module-lexer": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-2.1.0.tgz",
@@ -3172,6 +4298,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.25.12",
       "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.25.12.tgz",
@@ -3214,6 +4353,19 @@
         "@esbuild/win32-x64": "0.25.12"
       }
     },
+    "node_modules/esbuild-register": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.6.0.tgz",
+      "integrity": "sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "peerDependencies": {
+        "esbuild": ">=0.12 <1"
+      }
+    },
     "node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -3363,6 +4515,13 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/esm-resolve": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/esm-resolve/-/esm-resolve-1.0.11.tgz",
+      "integrity": "sha512-LxF0wfUQm3ldUDHkkV2MIbvvY0TgzIpJ420jHSV1Dm+IlplBEWiJTKWM61GtxUfvjV6iD4OtTYFGAGM2uuIUWg==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
     "node_modules/espree": {
       "version": "11.2.0",
       "resolved": "https://registry.npmmirror.com/espree/-/espree-11.2.0.tgz",
@@ -3381,6 +4540,20 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/esquery": {
       "version": "1.7.0",
       "resolved": "https://registry.npmmirror.com/esquery/-/esquery-1.7.0.tgz",
@@ -3511,6 +4684,13 @@
         "node": ">=16.0.0"
       }
     },
+    "node_modules/find-package-json": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/find-package-json/-/find-package-json-1.2.0.tgz",
+      "integrity": "sha512-+SOGcLGYDJHtyqHd87ysBhmaeQ95oWspDKnMXBrnQ9Eq4OkLNqejgoaD8xVWu6GPa0B6roa6KinCMEMcVeqONw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/find-up/-/find-up-5.0.0.tgz",
@@ -3549,6 +4729,22 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/foreground-child": {
       "version": "3.3.1",
       "resolved": "https://registry.npmmirror.com/foreground-child/-/foreground-child-3.3.1.tgz",
@@ -3588,6 +4784,26 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -3597,6 +4813,45 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/glob": {
       "version": "10.4.5",
       "resolved": "https://registry.npmmirror.com/glob/-/glob-10.4.5.tgz",
@@ -3677,6 +4932,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/graphemer/-/graphemer-1.4.0.tgz",
@@ -3694,6 +4962,68 @@
         "node": ">=8"
       }
     },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hash-sum": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/he/-/he-1.2.0.tgz",
@@ -3763,6 +5093,16 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
@@ -3782,12 +5122,98 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmmirror.com/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmmirror.com/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-expression": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-4.0.0.tgz",
+      "integrity": "sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "object-assign": "^4.1.1"
+      }
+    },
+    "node_modules/is-expression/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
     },
     "node_modules/is-extglob": {
       "version": "2.1.1",
@@ -3808,6 +5234,26 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
@@ -3838,6 +5284,61 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/is-promise": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+      "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
@@ -3893,6 +5394,20 @@
         "node": ">=14"
       }
     },
+    "node_modules/js-stringify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/js-stringify/-/js-stringify-1.0.2.tgz",
+      "integrity": "sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/js-yaml": {
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/js-yaml/-/js-yaml-4.1.1.tgz",
@@ -3916,6 +5431,16 @@
         "node": ">=0.1.90"
       }
     },
+    "node_modules/jsdoc-type-pratt-parser": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.8.0.tgz",
+      "integrity": "sha512-iZ8Bdb84lWRuGHamRXFyML07r21pcwBrLkHEuHgEY5UbCouBwv7ECknDRKzsQIXMiqpPymqtIf8TC/shYKB5rw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/jsdom": {
       "version": "29.1.1",
       "resolved": "https://registry.npmmirror.com/jsdom/-/jsdom-29.1.1.tgz",
@@ -3988,6 +5513,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/jstransformer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz",
+      "integrity": "sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-promise": "^2.0.0",
+        "promise": "^7.0.1"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmmirror.com/keyv/-/keyv-4.5.4.tgz",
@@ -4067,6 +5603,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/loupe": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
+      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/lru-cache": {
       "version": "11.3.6",
       "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-11.3.6.tgz",
@@ -4077,6 +5620,16 @@
         "node": "20 || >=22"
       }
     },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
@@ -4086,6 +5639,13 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/map-or-similar": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz",
+      "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/markdown-it": {
       "version": "14.1.1",
       "resolved": "https://registry.npmmirror.com/markdown-it/-/markdown-it-14.1.1.tgz",
@@ -4115,6 +5675,16 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/mdn-data": {
       "version": "2.27.1",
       "resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.27.1.tgz",
@@ -4134,6 +5704,26 @@
       "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
       "license": "MIT"
     },
+    "node_modules/memoizerific": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz",
+      "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "map-or-similar": "^1.5.0"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/minimatch": {
       "version": "10.2.5",
       "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-10.2.5.tgz",
@@ -4234,6 +5824,16 @@
         "url": "https://github.com/fb55/nth-check?sponsor=1"
       }
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/obug": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/obug/-/obug-2.1.1.tgz",
@@ -4255,6 +5855,24 @@
         "wrappy": "1"
       }
     },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmmirror.com/optionator/-/optionator-0.9.4.tgz",
@@ -4396,6 +6014,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/path-scurry": {
       "version": "1.11.1",
       "resolved": "https://registry.npmmirror.com/path-scurry/-/path-scurry-1.11.1.tgz",
@@ -4427,6 +6052,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/pathval": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
+      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
     "node_modules/phaser": {
       "version": "3.90.0",
       "resolved": "https://registry.npmmirror.com/phaser/-/phaser-3.90.0.tgz",
@@ -4486,6 +6121,29 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/polished": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz",
+      "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.17.8"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.14",
       "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.14.tgz",
@@ -4514,36 +6172,230 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-selector-parser": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
-      "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",
+    "node_modules/postcss-selector-parser": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
+      "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "asap": "~2.0.3"
+      }
+    },
+    "node_modules/proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/pug": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.4.tgz",
+      "integrity": "sha512-kFfq5mMzrS7+wrl5pLJzZEzemx34OQ0w4SARfhy/3yxTlhbstsudDwJzhf1hP02yHzbjoVMSXUj/Sz6RNfMyXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pug-code-gen": "^3.0.4",
+        "pug-filters": "^4.0.0",
+        "pug-lexer": "^5.0.1",
+        "pug-linker": "^4.0.0",
+        "pug-load": "^3.0.0",
+        "pug-parser": "^6.0.0",
+        "pug-runtime": "^3.0.1",
+        "pug-strip-comments": "^2.0.0"
+      }
+    },
+    "node_modules/pug-attrs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-3.0.0.tgz",
+      "integrity": "sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "js-stringify": "^1.0.2",
+        "pug-runtime": "^3.0.0"
+      }
+    },
+    "node_modules/pug-code-gen": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-3.0.4.tgz",
+      "integrity": "sha512-6okWYIKdasTyXICyEtvobmTZAVX57JkzgzIi4iRJlin8kmhG+Xry2dsus+Mun/nGCn6F2U49haHI5mkELXB14g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "doctypes": "^1.1.0",
+        "js-stringify": "^1.0.2",
+        "pug-attrs": "^3.0.0",
+        "pug-error": "^2.1.0",
+        "pug-runtime": "^3.0.1",
+        "void-elements": "^3.1.0",
+        "with": "^7.0.0"
+      }
+    },
+    "node_modules/pug-error": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-2.1.0.tgz",
+      "integrity": "sha512-lv7sU9e5Jk8IeUheHata6/UThZ7RK2jnaaNztxfPYUY+VxZyk/ePVaNZ/vwmH8WqGvDz3LrNYt/+gA55NDg6Pg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pug-filters": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-4.0.0.tgz",
+      "integrity": "sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "jstransformer": "1.0.0",
+        "pug-error": "^2.0.0",
+        "pug-walk": "^2.0.0",
+        "resolve": "^1.15.1"
+      }
+    },
+    "node_modules/pug-lexer": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-5.0.1.tgz",
+      "integrity": "sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "character-parser": "^2.2.0",
+        "is-expression": "^4.0.0",
+        "pug-error": "^2.0.0"
+      }
+    },
+    "node_modules/pug-linker": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-4.0.0.tgz",
+      "integrity": "sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pug-error": "^2.0.0",
+        "pug-walk": "^2.0.0"
+      }
+    },
+    "node_modules/pug-load": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-3.0.0.tgz",
+      "integrity": "sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "pug-walk": "^2.0.0"
+      }
+    },
+    "node_modules/pug-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-6.0.0.tgz",
+      "integrity": "sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
+        "pug-error": "^2.0.0",
+        "token-stream": "1.0.0"
       }
     },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+    "node_modules/pug-runtime": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-3.0.1.tgz",
+      "integrity": "sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pug-strip-comments": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz",
+      "integrity": "sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.8.0"
+      "dependencies": {
+        "pug-error": "^2.0.0"
       }
     },
-    "node_modules/proto-list": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmmirror.com/proto-list/-/proto-list-1.2.4.tgz",
-      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+    "node_modules/pug-walk": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-2.0.0.tgz",
+      "integrity": "sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT"
     },
     "node_modules/punycode": {
       "version": "2.3.1",
@@ -4602,6 +6454,67 @@
       ],
       "license": "MIT"
     },
+    "node_modules/react": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz",
+      "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.7"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/recast": {
+      "version": "0.23.11",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.11.tgz",
+      "integrity": "sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ast-types": "^0.16.1",
+        "esprima": "~4.0.0",
+        "source-map": "~0.6.1",
+        "tiny-invariant": "^1.3.3",
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
@@ -4627,6 +6540,28 @@
       "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
       "license": "ISC"
     },
+    "node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -4794,6 +6729,24 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/saxes": {
       "version": "6.0.0",
       "resolved": "https://registry.npmmirror.com/saxes/-/saxes-6.0.0.tgz",
@@ -4807,6 +6760,13 @@
         "node": ">=v12.22.7"
       }
     },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/semver": {
       "version": "7.8.0",
       "resolved": "https://registry.npmmirror.com/semver/-/semver-7.8.0.tgz",
@@ -4826,6 +6786,24 @@
       "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
       "license": "ISC"
     },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -4869,6 +6847,16 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -4892,6 +6880,33 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/storybook": {
+      "version": "8.6.14",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.6.14.tgz",
+      "integrity": "sha512-sVKbCj/OTx67jhmauhxc2dcr1P+yOgz/x3h0krwjyMgdc5Oubvxyg4NYDZmzAw+ym36g/lzH8N0Ccp4dwtdfxw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/core": "8.6.14"
+      },
+      "bin": {
+        "getstorybook": "bin/index.cjs",
+        "sb": "bin/index.cjs",
+        "storybook": "bin/index.cjs"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/string-width": {
       "version": "5.1.2",
       "resolved": "https://registry.npmmirror.com/string-width/-/string-width-5.1.2.tgz",
@@ -4996,6 +7011,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -5022,6 +7050,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -5036,6 +7077,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tinybench": {
       "version": "2.9.0",
       "resolved": "https://registry.npmmirror.com/tinybench/-/tinybench-2.9.0.tgz",
@@ -5080,6 +7128,16 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/tinyspy": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
+      "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/tldts": {
       "version": "7.0.30",
       "resolved": "https://registry.npmmirror.com/tldts/-/tldts-7.0.30.tgz",
@@ -5100,6 +7158,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/token-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-1.0.0.tgz",
+      "integrity": "sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tough-cookie": {
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-6.0.1.tgz",
@@ -5139,6 +7204,30 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/ts-dedent": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.3.0.tgz",
+      "integrity": "sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.10"
+      }
+    },
+    "node_modules/ts-map": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/ts-map/-/ts-map-1.0.3.tgz",
+      "integrity": "sha512-vDWbsl26LIcPGmDpoVzjEP6+hvHZkBkLW7JpvwbCv/5IYPJlsbzCVXY3wsCeAxAUeTclNOUZxnLdGh3VBD/J6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmmirror.com/type-check/-/type-check-0.4.0.tgz",
@@ -5226,6 +7315,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/unplugin": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
+      "integrity": "sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmmirror.com/uri-js/-/uri-js-4.4.1.tgz",
@@ -5243,6 +7346,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -5250,6 +7367,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "deprecated": "uuid@10 and below is no longer supported.  For ESM codebases, update to uuid@latest.  For CommonJS codebases, use uuid@11 (but be aware this version will likely be deprecated in 2028).",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/vite": {
       "version": "6.4.2",
       "resolved": "https://registry.npmmirror.com/vite/-/vite-6.4.2.tgz",
@@ -5415,6 +7547,16 @@
         }
       }
     },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/vscode-uri": {
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.1.0.tgz",
@@ -5443,6 +7585,34 @@
         }
       }
     },
+    "node_modules/vue-component-meta": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/vue-component-meta/-/vue-component-meta-2.2.12.tgz",
+      "integrity": "sha512-dQU6/obNSNbennJ1xd+rhDid4g3vQro+9qUBBIg8HMZH2Zs1jTpkFNxuQ3z77bOlU+ew08Qck9sbYkdSePr0Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.15",
+        "@vue/language-core": "2.2.12",
+        "path-browserify": "^1.0.1",
+        "vue-component-type-helpers": "2.2.12"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-component-meta/node_modules/vue-component-type-helpers": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.12.tgz",
+      "integrity": "sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vue-component-type-helpers": {
       "version": "3.2.9",
       "resolved": "https://registry.npmmirror.com/vue-component-type-helpers/-/vue-component-type-helpers-3.2.9.tgz",
@@ -5475,6 +7645,40 @@
         }
       }
     },
+    "node_modules/vue-docgen-api": {
+      "version": "4.79.2",
+      "resolved": "https://registry.npmjs.org/vue-docgen-api/-/vue-docgen-api-4.79.2.tgz",
+      "integrity": "sha512-n9ENAcs+40awPZMsas7STqjkZiVlIjxIKgiJr5rSohDP0/JCrD9VtlzNojafsA1MChm/hz2h3PDtUedx3lbgfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.24.7",
+        "@babel/types": "^7.24.7",
+        "@vue/compiler-dom": "^3.2.0",
+        "@vue/compiler-sfc": "^3.2.0",
+        "ast-types": "^0.16.1",
+        "esm-resolve": "^1.0.8",
+        "hash-sum": "^2.0.0",
+        "lru-cache": "^8.0.3",
+        "pug": "^3.0.2",
+        "recast": "^0.23.1",
+        "ts-map": "^1.0.3",
+        "vue-inbrowser-compiler-independent-utils": "^4.69.0"
+      },
+      "peerDependencies": {
+        "vue": ">=2"
+      }
+    },
+    "node_modules/vue-docgen-api/node_modules/lru-cache": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-8.0.5.tgz",
+      "integrity": "sha512-MhWWlVnuab1RG5/zMRRcVGXZLCXrZTgfwMikgzCegsPnG62yDQo5JnqKkrK4jO5iKqDAZGItAqN5CtKBCBWRUA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16.14"
+      }
+    },
     "node_modules/vue-eslint-parser": {
       "version": "10.4.0",
       "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-10.4.0.tgz",
@@ -5500,6 +7704,16 @@
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0"
       }
     },
+    "node_modules/vue-inbrowser-compiler-independent-utils": {
+      "version": "4.71.1",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.71.1.tgz",
+      "integrity": "sha512-K3wt3iVmNGaFEOUR4JIThQRWfqokxLfnPslD41FDZB2ajXp789+wCqJyGYlIFsvEQ2P61PInw6/ph5iiqg51gg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": ">=2"
+      }
+    },
     "node_modules/vue-router": {
       "version": "4.6.4",
       "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz",
@@ -5565,6 +7779,13 @@
         "node": ">=20"
       }
     },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/whatwg-mimetype": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
@@ -5612,6 +7833,28 @@
       "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
       "license": "ISC"
     },
+    "node_modules/which-typed-array": {
+      "version": "1.1.22",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.22.tgz",
+      "integrity": "sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/why-is-node-running": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
@@ -5629,6 +7872,22 @@
         "node": ">=8"
       }
     },
+    "node_modules/with": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/with/-/with-7.0.2.tgz",
+      "integrity": "sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.9.6",
+        "@babel/types": "^7.9.6",
+        "assert-never": "^1.2.1",
+        "babel-walk": "3.0.0-canary-5"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -5744,6 +8003,28 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/ws": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
+      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
diff --git a/desktop/renderer/package.json b/desktop/renderer/package.json
index e1b6901..d770e09 100644
--- a/desktop/renderer/package.json
+++ b/desktop/renderer/package.json
@@ -7,6 +7,8 @@
     "dev": "vite",
     "build": "vue-tsc -b && vite build",
     "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "test": "vitest run",
     "test:watch": "vitest",
     "lint": "eslint .",
@@ -27,6 +29,11 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@microsoft/eslint-formatter-sarif": "^3.1.0",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@storybook/vue3-vite": "^8.6.14",
     "@types/markdown-it": "^14.1.0",
     "@types/qrcode": "^1.5.5",
     "@vitejs/plugin-vue": "^5.2.0",
@@ -36,6 +43,7 @@
     "eslint-plugin-vue": "^10.8.0",
     "globals": "^17.4.0",
     "jsdom": "^29.0.1",
+    "storybook": "^8.6.14",
     "typescript": "^5.7.0",
     "typescript-eslint": "^8.58.0",
     "vite": "^6.0.0",
diff --git a/desktop/renderer/src/App.vue b/desktop/renderer/src/App.vue
index 9b4eb14..14f998f 100644
--- a/desktop/renderer/src/App.vue
+++ b/desktop/renderer/src/App.vue
@@ -359,24 +359,30 @@ onMounted(async () => {
   } catch {}
 
   // Listen for mid-session integrity alerts (file watcher)
-  unsubIntegrityAlert = window.openclaw.skills.onIntegrityAlert((result) => {
-    if (!result.valid) {
-      integrityResult.value = result;
-      integrityDialogVisible.value = true;
+  // Some preview environments do not expose this API yet.
+  try {
+    if (typeof window.openclaw.skills.onIntegrityAlert === "function") {
+      unsubIntegrityAlert = window.openclaw.skills.onIntegrityAlert((result) => {
+        if (!result.valid) {
+          integrityResult.value = result;
+          integrityDialogVisible.value = true;
+        }
+      });
     }
-  });
+  } catch {}
 
   // Listen for sandbox permission requests
-  unsubPermission = window.openclaw.sandbox.onPermissionRequest((data: PermissionRequestData) => {
-    permissionQueue.value.push(data);
-    // Add a pending entry to the exec panel so user sees what's waiting for permission
-    if (chatStore.streaming) {
-      const path = data.targetPath || data.dirPath;
-      const access = data.accessNeeded === "ro" ? "Read" : "Write";
-      const label = `${access} permission: ${path}`;
-      chatStore.addPendingToolCall(data.requestId, label);
-    }
-  });
+  unsubPermission =
+    window.openclaw?.sandbox?.onPermissionRequest?.((data: PermissionRequestData) => {
+      permissionQueue.value.push(data);
+      // Add a pending entry to the exec panel so user sees what's waiting for permission
+      if (chatStore.streaming) {
+        const path = data.targetPath || data.dirPath;
+        const access = data.accessNeeded === "ro" ? "Read" : "Write";
+        const label = `${access} permission: ${path}`;
+        chatStore.addPendingToolCall(data.requestId, label);
+      }
+    }) ?? null;
 
   // Listen for ACL verification timeout after user approved permission
   unsubAclTimeout =
@@ -547,28 +553,40 @@ onUnmounted(() => {
 </script>
 
 <style scoped>
+.app-layout,
+.main-content,
+.app-header,
+.win-ctrl,
+.integrity-hint,
+.integrity-file {
+  --ux-surface-primary: var(--smtc-background-web-page-primary, var(--bg-primary));
+  --ux-surface-secondary: var(--smtc-background-window-primary-solid, var(--bg-secondary));
+  --ux-surface-hover: var(--smtc-background-ctrl-subtle-hover, #f0f0f0);
+  --ux-danger-surface: var(--smtc-status-danger-background);
+  --ux-danger-text: var(--smtc-status-danger-foreground);
+  --ux-text-primary: var(--smtc-foreground-ctrl-neutral-primary-rest, var(--text-primary));
+  --ux-text-secondary: var(--smtc-foreground-ctrl-neutral-secondary-rest, var(--text-secondary));
+  --ux-border: var(--smtc-stroke-divider-subtle, #e0e0e0);
+}
+
 .app-layout {
   display: flex;
   height: 100vh;
   width: 100vw;
   overflow: hidden;
   border-radius: 16px;
-  border: 1px solid #e0e0e0;
-  background: var(--bg-primary);
+  border: 1px solid var(--ux-border);
+  background: var(--ux-surface-primary);
   position: relative;
   will-change: contents;
 }
 
-html.dark .app-layout {
-  border-color: #3a3a3a;
-}
-
 .main-content {
   flex: 1;
   overflow: hidden;
   display: flex;
   flex-direction: column;
-  background: var(--bg-secondary);
+  background: var(--ux-surface-secondary);
 }
 
 .app-header {
@@ -578,18 +596,14 @@ html.dark .app-layout {
   padding: 0 20px;
   height: 56px;
   flex-shrink: 0;
-  border-bottom: 1px solid #f0f0f0;
+  border-bottom: 1px solid var(--ux-border);
   -webkit-app-region: drag;
 }
 
-html.dark .app-header {
-  border-bottom-color: var(--border);
-}
-
 .app-header-title {
   font-size: 18px;
   font-weight: 600;
-  color: var(--text-primary);
+  color: var(--ux-text-primary);
 }
 
 .app-header-controls {
@@ -606,30 +620,22 @@ html.dark .app-header {
   place-items: center;
   border: none;
   background: transparent;
-  color: var(--text-secondary);
+  color: var(--ux-text-secondary);
   border-radius: 8px;
   cursor: pointer;
   transition: background 0.15s;
 }
 
 .win-ctrl:hover {
-  background: #f0f0f0;
-}
-
-html.dark .win-ctrl:hover {
-  background: var(--bg-tertiary);
+  background: var(--ux-surface-hover);
 }
 
 .win-ctrl--close:hover {
-  background: #fee2e2;
+  background: var(--ux-danger-surface);
 }
 
 .win-ctrl--close:hover svg {
-  stroke: #dc2626;
-}
-
-html.dark .win-ctrl--close:hover {
-  background: rgba(239, 68, 68, 0.15);
+  stroke: var(--ux-danger-text);
 }
 
 .main-drag-region {
@@ -638,12 +644,12 @@ html.dark .win-ctrl--close:hover {
 
 .integrity-hint {
   margin-bottom: 12px;
-  color: var(--text-secondary);
+  color: var(--ux-text-secondary);
 }
 
 .integrity-file {
   font-size: 13px;
-  color: var(--text-secondary);
+  color: var(--ux-text-secondary);
   padding-left: 12px;
 }
 </style>
diff --git a/desktop/renderer/src/assets/modelprovider/Qwen.png b/desktop/renderer/src/assets/modelprovider/Qwen.png
index 2ad8ff2..2389a67 100644
Binary files a/desktop/renderer/src/assets/modelprovider/Qwen.png and b/desktop/renderer/src/assets/modelprovider/Qwen.png differ
diff --git a/desktop/renderer/src/assets/modelprovider/minimax.png b/desktop/renderer/src/assets/modelprovider/minimax.png
index c0d114b..9ec8d00 100644
Binary files a/desktop/renderer/src/assets/modelprovider/minimax.png and b/desktop/renderer/src/assets/modelprovider/minimax.png differ
diff --git a/desktop/renderer/src/components/GatewayLoading.vue b/desktop/renderer/src/components/GatewayLoading.vue
index 4f711a3..d2b9aeb 100644
--- a/desktop/renderer/src/components/GatewayLoading.vue
+++ b/desktop/renderer/src/components/GatewayLoading.vue
@@ -353,9 +353,9 @@ watch(
   justify-content: center;
   background: radial-gradient(
     circle at top,
-    var(--bg-primary) 0%,
-    var(--bg-primary) 62%,
-    var(--border-light, #f2f2f2) 100%
+    var(--surface-page, var(--bg-primary)) 0%,
+    var(--surface-page, var(--bg-primary)) 62%,
+    var(--surface-hover, var(--border-light, #f2f2f2)) 100%
   );
   border-radius: 16px;
   z-index: 9999;
@@ -395,7 +395,7 @@ watch(
 }
 
 .win-ctrl:hover {
-  background: #f0f0f0;
+  background: var(--surface-hover, #f0f0f0);
 }
 
 :global(html.dark) .win-ctrl:hover {
@@ -403,15 +403,15 @@ watch(
 }
 
 .win-ctrl--close:hover {
-  background: #fee2e2;
+  background: var(--smtc-status-danger-background);
 }
 
 .win-ctrl--close:hover svg {
-  stroke: #dc2626;
+  stroke: var(--smtc-status-danger-foreground);
 }
 
 :global(html.dark) .win-ctrl--close:hover {
-  background: rgba(239, 68, 68, 0.15);
+  background: color-mix(in srgb, var(--smtc-status-danger-background) 28%, transparent);
 }
 
 .loading-center {
@@ -470,7 +470,7 @@ watch(
   width: 200px;
   height: 6px;
   border-radius: 99px;
-  background: var(--border);
+  background: var(--border-default, var(--border));
   overflow: hidden;
   margin-bottom: 12px;
 }
@@ -525,7 +525,7 @@ watch(
   height: 40px;
   padding: 0 28px;
   background: var(--text-primary);
-  color: var(--bg-primary);
+  color: var(--surface-page, var(--bg-primary));
   border: none;
   border-radius: 20px;
   font-size: 13px;
diff --git a/desktop/renderer/src/components/ModelSetupDialog.vue b/desktop/renderer/src/components/ModelSetupDialog.vue
index 47b6498..3d868e2 100644
--- a/desktop/renderer/src/components/ModelSetupDialog.vue
+++ b/desktop/renderer/src/components/ModelSetupDialog.vue
@@ -1,12 +1,24 @@
 <template>
   <div v-if="modelValue" class="model-setup-overlay">
-    <div class="model-setup-panel" role="dialog" aria-modal="true">
+    <div class="model-setup-panel">
       <button class="model-setup-close" type="button" :aria-label="t('common.close')" @click="close">
-        <span></span>
-        <span></span>
+        <svg
+          width="12"
+          height="12"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
       </button>
 
-      <template v-if="step === 'select'">
+      <template v-if="!isKeyStep">
         <h2>{{ t("modelSetup.title") }}</h2>
         <p class="model-setup-desc">{{ t("modelSetup.selectDesc") }}</p>
 
@@ -17,21 +29,33 @@
             type="button"
             class="model-family-card"
             :class="{ active: selectedFamilyId === family.id }"
-            @click="handleFamilyClick(family)"
+            :aria-pressed="selectedFamilyId === family.id ? 'true' : 'false'"
+            @click="selectedFamilyId = family.id"
           >
             <span class="family-icon" aria-hidden="true">
               <img :src="family.logo" :alt="family.label" />
             </span>
             <span class="family-name">{{ family.label }}</span>
+            <span v-if="selectedFamilyId === family.id" class="family-selected-badge" aria-hidden="true">
+              <svg width="12" height="12" viewBox="0 0 16 16" fill="none">
+                <path
+                  d="M3.25 8.25L6.5 11.5L12.75 5.25"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </span>
           </button>
         </div>
 
-        <button class="primary-action" type="button" @click="handleGetApiKey">
+        <UiButton class="primary-action" variant="default" size="lg" @click.stop="handleGetApiKey">
           {{ t("modelSetup.getApiKey") }}
-        </button>
-        <button class="text-action" type="button" @click="goToKeyForm">
+        </UiButton>
+        <UiButton class="text-action" variant="outline" size="lg" @click.stop="goToKeyForm">
           {{ t("modelSetup.haveApiKey") }}
-        </button>
+        </UiButton>
       </template>
 
       <template v-else>
@@ -40,34 +64,64 @@
 
         <el-form label-position="top" class="model-key-form">
           <el-form-item :label="t('modelSetup.modelSelect')">
-            <el-select
-              v-model="selectedModelName"
-              style="width: 100%"
-              filterable
-              allow-create
-              default-first-option
-              :reserve-keyword="false"
-              :placeholder="t('modelSetup.modelPlaceholder')"
-            >
-              <el-option
-                v-for="model in selectedFamily.models"
-                :key="model"
-                :label="model"
-                :value="model"
-              />
-            </el-select>
+            <div ref="dropdownRef" class="model-dropdown" :class="{ 'is-open': isDropdownOpen }">
+              <button
+                class="model-dropdown-trigger"
+                type="button"
+                role="combobox"
+                :aria-expanded="isDropdownOpen ? 'true' : 'false'"
+                :aria-controls="dropdownListId"
+                :aria-activedescendant="isDropdownOpen ? activeOptionId : undefined"
+                aria-haspopup="listbox"
+                @click.stop="toggleDropdown"
+                @keydown.down.prevent="handleTriggerArrow(1)"
+                @keydown.up.prevent="handleTriggerArrow(-1)"
+                @keydown.home.prevent="selectFirstModel"
+                @keydown.end.prevent="selectLastModel"
+                @keydown.enter.prevent="toggleDropdown"
+                @keydown.space.prevent="toggleDropdown"
+                @keydown.esc.prevent="closeDropdown"
+              >
+                <span class="model-dropdown-value">{{ selectedModelName }}</span>
+                <span class="model-dropdown-caret" aria-hidden="true"></span>
+              </button>
+
+              <ul
+                :id="dropdownListId"
+                class="model-dropdown-menu"
+                role="listbox"
+                :aria-hidden="isDropdownOpen ? 'false' : 'true'"
+              >
+                <li v-for="model in selectedFamily.models" :key="model" role="none">
+                  <button
+                    :id="getOptionId(model)"
+                    class="model-dropdown-option"
+                    :class="{ selected: selectedModelName === model, active: selectedModelName === model && isDropdownOpen }"
+                    type="button"
+                    role="option"
+                    :aria-selected="selectedModelName === model ? 'true' : 'false'"
+                    @click.stop="selectModel(model)"
+                  >
+                    {{ model }}
+                  </button>
+                </li>
+              </ul>
+            </div>
           </el-form-item>
           <el-form-item :label="t('modelSetup.baseUrl')">
-            <el-input
+            <UiInput
               v-model="baseUrl"
+              class="model-key-input"
+              size="lg"
               placeholder="https://dashscope.aliyuncs.com/compatible-mode/v1"
               @keydown.enter.prevent="saveAndStart"
             />
           </el-form-item>
           <el-form-item :label="t('modelSetup.apiKey')">
-            <el-input
+            <UiInput
+              class="model-key-input"
               v-model="apiKey"
-              type="password"
+              size="lg"
               show-password
               :placeholder="selectedFamily.apiKeyPlaceholder"
               @keydown.enter.prevent="saveAndStart"
@@ -76,22 +130,34 @@
           <div v-if="errorMsg" class="error-msg">{{ errorMsg }}</div>
         </el-form>
 
-        <button
-          class="primary-action primary-action--spaced"
-          type="button"
-          :disabled="saving"
-          @click="saveAndStart"
-        >
-          {{ saving ? t("modelSetup.saving") : t("modelSetup.start") }}
-        </button>
+        <div class="key-actions">
+          <UiButton
+            class="text-action text-action--back"
+            variant="outline"
+            size="lg"
+            @mousedown.prevent.stop="goToSelectStep"
+          >
+            {{ t("common.back") }}
+          </UiButton>
+          <UiButton
+            class="primary-action"
+            variant="default"
+            size="lg"
+            :disabled="saving"
+            @mousedown.prevent.stop="saveAndStart"
+          >
+            {{ saving ? t("modelSetup.saving") : t("modelSetup.start") }}
+          </UiButton>
+        </div>
       </template>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { t } from "@/i18n";
+import { UiButton, UiInput } from "@/components/ui";
 import qwenLogo from "@/assets/modelprovider/Qwen.png";
 import minimaxLogo from "@/assets/modelprovider/minimax.png";
 
@@ -106,7 +172,6 @@ interface ModelFamilyPreset {
   apiFormat: ApiFormat;
   models: string[];
   apiKeyPlaceholder: string;
-  apiKeyUrl?: string;
   logo: string;
 }
 
@@ -125,103 +190,159 @@ const modelFamilies: ModelFamilyPreset[] = [
     providerKey: "qwen",
     baseUrl: ALIYUN_OPENAI_COMPATIBLE_BASE_URL,
     apiFormat: "openai-chat",
-    models: ["Qwen3.6-Plus", "Qwen3.5-Plus"],
+    models: ["qwen", "Qwen3.6-Plus", "Qwen3.5-Plus"],
     apiKeyPlaceholder: "sk-...",
-    apiKeyUrl: "https://platform.qianwenai.com/home/api-keys",
     logo: qwenLogo,
   },
   {
     id: "minimax",
     label: "MiniMax",
     providerKey: "minimax",
-    baseUrl: "https://api.minimaxi.com/anthropic",
+    baseUrl: "",
     apiFormat: "anthropic",
-    models: ["MiniMax-M1"],
+    models: ["minimaxm3", "MiniMax-M1"],
     apiKeyPlaceholder: "sk-cp-...",
     logo: minimaxLogo,
   },
 ];
 
-const step = ref<"select" | "key">("select");
+const isKeyStep = ref(false);
 const selectedFamilyId = ref<ModelFamilyId>("qwen");
 const selectedModelName = ref(modelFamilies[0].models[0]);
 const baseUrl = ref(modelFamilies[0].baseUrl);
+const isDropdownOpen = ref(false);
+const dropdownRef = ref<HTMLElement | null>(null);
+const dropdownListId = "model-setup-model-listbox";
 const apiKey = ref("");
 const errorMsg = ref("");
 const saving = ref(false);
 
+const activeOptionId = computed(() => getOptionId(selectedModelName.value));
+
 const selectedFamily = computed(
   () => modelFamilies.find((family) => family.id === selectedFamilyId.value) ?? modelFamilies[0],
 );
 
 watch(selectedFamilyId, () => {
-  applyFamilyDefaults();
-});
-
-watch(selectedModelName, (modelName) => {
-  if (isAliyunModel(modelName)) {
-    baseUrl.value = ALIYUN_OPENAI_COMPATIBLE_BASE_URL;
-  }
+  selectedModelName.value = selectedFamily.value.models[0];
+  baseUrl.value = selectedFamily.value.baseUrl;
+  errorMsg.value = "";
 });
 
 watch(
   () => props.modelValue,
   (visible) => {
-    if (!visible) return;
-    step.value = "select";
-    applyFamilyDefaults();
+    if (!visible) {
+      closeDropdown();
+      return;
+    }
+    isKeyStep.value = false;
     errorMsg.value = "";
+    closeDropdown();
   },
 );
 
+onMounted(() => {
+  document.addEventListener("pointerdown", handleDocumentPointerDown);
+});
+
+onBeforeUnmount(() => {
+  document.removeEventListener("pointerdown", handleDocumentPointerDown);
+});
+
 function resolveApiValue(apiFormat: ApiFormat): string {
   return apiFormat === "anthropic" ? "anthropic-messages" : "openai-completions";
 }
 
-function isAliyunModel(modelName: string): boolean {
-  return modelName.trim().toLowerCase().startsWith("qwen");
+function close() {
+  emit("update:modelValue", false);
 }
 
-function applyFamilyDefaults() {
+function goToKeyForm() {
   selectedModelName.value = selectedFamily.value.models[0];
   baseUrl.value = selectedFamily.value.baseUrl;
+  isKeyStep.value = true;
   errorMsg.value = "";
-}
-
-function close() {
-  emit("update:modelValue", false);
+  closeDropdown();
 }
 
 function handleGetApiKey() {
-  openApiKeyPage(selectedFamily.value);
+  const signupUrl =
+    selectedFamily.value.id === "qwen"
+      ? "https://bailian.console.aliyun.com/?tab=model#/api-key"
+      : "https://platform.minimaxi.com/user-center/basic-information/interface-key";
+  try {
+    window.openclaw?.shell?.openExternal?.(signupUrl);
+  } catch {
+    window.open(signupUrl, "_blank", "noopener,noreferrer");
+  }
   goToKeyForm();
 }
 
-function handleFamilyClick(family: ModelFamilyPreset) {
-  selectedFamilyId.value = family.id;
-  if (family.id === "qwen") {
-    openApiKeyPage(family);
-    goToKeyForm();
+function goToSelectStep() {
+  isKeyStep.value = false;
+  errorMsg.value = "";
+  closeDropdown();
+}
+
+function selectModel(model: string) {
+  selectedModelName.value = model;
+  closeDropdown();
+}
+
+function toggleDropdown() {
+  isDropdownOpen.value = !isDropdownOpen.value;
+}
+
+function closeDropdown() {
+  isDropdownOpen.value = false;
+}
+
+function handleTriggerArrow(step: number) {
+  if (!isDropdownOpen.value) {
+    isDropdownOpen.value = true;
   }
+  cycleModel(step);
 }
 
-function openApiKeyPage(family: ModelFamilyPreset) {
-  if (!family.apiKeyUrl) return;
-  window.openclaw.shell.openExternal(family.apiKeyUrl).catch((err) => {
-    console.error("Failed to open API key page:", err);
-  });
+function cycleModel(step: number) {
+  const models = selectedFamily.value.models;
+  if (!models.length) return;
+  const currentIndex = Math.max(0, models.indexOf(selectedModelName.value));
+  const nextIndex = (currentIndex + step + models.length) % models.length;
+  selectedModelName.value = models[nextIndex];
 }
 
-function goToKeyForm() {
-  applyFamilyDefaults();
-  step.value = "key";
-  errorMsg.value = "";
+function selectFirstModel() {
+  const models = selectedFamily.value.models;
+  if (!models.length) return;
+  selectedModelName.value = models[0];
+  isDropdownOpen.value = true;
+}
+
+function selectLastModel() {
+  const models = selectedFamily.value.models;
+  if (!models.length) return;
+  selectedModelName.value = models[models.length - 1];
+  isDropdownOpen.value = true;
+}
+
+function getOptionId(model: string) {
+  return `model-option-${model.replace(/[^a-zA-Z0-9_-]/g, "-").toLowerCase()}`;
+}
+
+function handleDocumentPointerDown(event: Event) {
+  const target = event.target as Node | null;
+  if (!target) return;
+  if (!dropdownRef.value?.contains(target)) {
+    closeDropdown();
+  }
 }
 
 async function saveAndStart() {
   const trimmedModelName = selectedModelName.value.trim();
-  const trimmedKey = apiKey.value.trim();
   const trimmedBaseUrl = baseUrl.value.trim();
+  const trimmedKey = apiKey.value.trim();
   if (!trimmedModelName) {
     errorMsg.value = t("modelSetup.enterModelName");
     return;
@@ -230,10 +351,6 @@ async function saveAndStart() {
     errorMsg.value = t("modelSetup.enterApiKey");
     return;
   }
-  if (!trimmedBaseUrl) {
-    errorMsg.value = t("modelSetup.enterBaseUrl");
-    return;
-  }
   if (selectedFamily.value.id === "minimax" && !trimmedKey.startsWith("sk-cp-")) {
     errorMsg.value = t("modelSetup.invalidMiniMaxKey");
     return;
@@ -247,7 +364,7 @@ async function saveAndStart() {
     const modelRef = `${family.providerKey}/${modelName}`;
     const existing = (await window.openclaw.config.read()) || {};
     const providerEntry: Record<string, unknown> = {
-      baseUrl: trimmedBaseUrl,
+      ...(trimmedBaseUrl ? { baseUrl: trimmedBaseUrl } : {}),
       apiKey: trimmedKey,
       api: resolveApiValue(family.apiFormat),
       models: [
@@ -290,13 +407,57 @@ async function saveAndStart() {
 </script>
 
 <style scoped>
+.model-setup-overlay,
+.model-setup-panel,
+.model-setup-close,
+.model-family-card,
+.primary-action,
+.text-action,
+.model-key-form,
+.error-msg {
+  --ux-overlay: var(--surface-overlay, rgba(255, 255, 255, 0.72));
+  --ux-panel-bg: var(--surface-page, var(--bg-primary));
+  --ux-panel-text: var(--text-primary, #1f2228);
+  --ux-text-secondary: var(--smtc-foreground-ctrl-neutral-secondary-rest, #555967);
+  --ux-text-muted: var(--smtc-foreground-ctrl-hint-default, #6b6e78);
+  --ux-border: var(--border-default, var(--smtc-stroke-divider-subtle, #ededf0));
+  --ux-surface-hover: var(--surface-hover, var(--smtc-background-ctrl-subtle-hover, #f4f4f5));
+  --ux-card-active: var(--smtc-background-card-on-primary-default-rest, #fafafa);
+  --ux-card-selected-border: var(--ux-brand-bg);
+  --ux-card-selected-bg: var(--ux-card-active);
+  --ux-card-check-bg: var(--ux-brand-bg);
+  --ux-card-check-fg: var(--ux-brand-fg);
+  --ux-brand-bg: var(--action-primary, #18181b);
+  --ux-brand-bg-hover: #27272a;
+  --ux-brand-bg-active: #09090b;
+  --ux-brand-fg: var(--action-primary-foreground, #fff);
+  --ux-panel-radius: 20px;
+  --ux-cta-radius: 999px;
+  --ux-danger: var(--smtc-status-danger-foreground);
+  --ux-shadow: 0 24px 70px rgba(25, 25, 30, 0.18);
+  --ux-flyout-border: var(--ux-border);
+  --ux-flyout-bg: var(--ux-panel-bg);
+  --ux-flyout-shadow:
+    0 24px 44px rgba(21, 24, 31, 0.16),
+    0 8px 18px rgba(21, 24, 31, 0.1);
+  --ux-font-family: "Segoe UI", "Noto Sans SC", sans-serif;
+  --ux-title-size: 28px;
+  --ux-title-weight: 700;
+  --ux-body-size: 15px;
+  --ux-body-line: 1.55;
+  --ux-label-size: 14px;
+  --ux-label-weight: 600;
+  --ux-input-size: 15px;
+  --ux-caption-size: 13px;
+}
+
 .model-setup-overlay {
   position: fixed;
   inset: 0;
   z-index: 2000;
   display: grid;
   place-items: center;
-  background: rgba(255, 255, 255, 0.72);
+  background: var(--ux-overlay);
   backdrop-filter: blur(10px);
 }
 
@@ -305,10 +466,11 @@ async function saveAndStart() {
   min-height: 430px;
   position: relative;
   padding: 42px 34px 34px;
-  border-radius: 16px;
-  background: #fff;
-  color: #1f2228;
-  box-shadow: 0 24px 70px rgba(25, 25, 30, 0.18);
+  border-radius: var(--ux-panel-radius);
+  background: var(--ux-panel-bg);
+  color: var(--ux-panel-text);
+  font-family: var(--ux-font-family);
+  box-shadow: var(--ux-shadow);
   text-align: center;
 }
 
@@ -321,43 +483,35 @@ async function saveAndStart() {
   border: 0;
   border-radius: 50%;
   background: transparent;
+  color: var(--ux-text-muted);
   cursor: pointer;
-}
-
-.model-setup-close span {
-  position: absolute;
-  top: 13px;
-  left: 7px;
-  width: 14px;
-  height: 2px;
-  background: #8d8f98;
-  border-radius: 2px;
-}
-
-.model-setup-close span:first-child {
-  transform: rotate(45deg);
-}
-
-.model-setup-close span:last-child {
-  transform: rotate(-45deg);
+  display: grid;
+  place-items: center;
+  transition:
+    background 0.15s,
+    color 0.15s;
 }
 
 .model-setup-close:hover {
-  background: #f4f4f5;
+  background: var(--ux-surface-hover);
+  color: var(--ux-panel-text);
 }
 
 h2 {
   margin: 0;
-  font-size: 28px;
-  font-weight: 700;
-  letter-spacing: 0;
+  font-size: var(--ux-title-size);
+  font-weight: var(--ux-title-weight);
+  line-height: 1.1;
+  color: var(--ux-panel-text);
+  letter-spacing: 0.1px;
 }
 
 .model-setup-desc {
-  margin: 12px 0 34px;
-  color: #555967;
-  font-size: 14px;
-  line-height: 1.6;
+  margin: 14px 0 34px;
+  color: var(--ux-text-secondary);
+  font-size: var(--ux-body-size);
+  line-height: var(--ux-body-line);
+  font-weight: 500;
 }
 
 .model-family-grid {
@@ -368,6 +522,7 @@ h2 {
 }
 
 .model-family-card {
+  position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -376,7 +531,7 @@ h2 {
   border: 1px solid transparent;
   border-radius: 12px;
   background: transparent;
-  color: #1f2228;
+  color: var(--ux-panel-text);
   cursor: pointer;
   transition:
     border-color 0.15s,
@@ -386,14 +541,20 @@ h2 {
 
 .model-family-card:hover,
 .model-family-card.active {
-  background: #fafafa;
-  border-color: #ededf0;
+  background: var(--ux-card-active);
+  border-color: var(--ux-border);
 }
 
 .model-family-card:hover {
   transform: translateY(-1px);
 }
 
+.model-family-card.active {
+  background: var(--ux-card-selected-bg);
+  border-color: var(--ux-card-selected-border);
+  border-width: 2px;
+}
+
 .family-icon {
   width: 82px;
   height: 82px;
@@ -409,31 +570,34 @@ h2 {
 }
 
 .family-name {
-  font-size: 18px;
-  font-weight: 500;
-  color: #6b6e78;
+  font-size: 17px;
+  font-weight: 600;
+  line-height: 1.35;
+  color: var(--ux-text-muted);
 }
 
-.primary-action {
-  width: 100%;
-  height: 48px;
-  border: 0;
-  border-radius: 8px;
-  background: #211d1a;
-  color: #fff;
-  font-family: inherit;
-  font-size: 15px;
-  font-weight: 600;
-  cursor: pointer;
+.model-family-card.active .family-name {
+  color: var(--ux-panel-text);
+  font-weight: 700;
 }
 
-.primary-action:hover:not(:disabled) {
-  background: #302b27;
+.family-selected-badge {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  width: 22px;
+  height: 22px;
+  border-radius: 999px;
+  display: grid;
+  place-items: center;
+  background: var(--ux-card-check-bg);
+  color: var(--ux-card-check-fg);
 }
 
-.primary-action:disabled {
-  opacity: 0.72;
-  cursor: wait;
+.primary-action {
+  width: 100%;
+  min-height: 52px;
+  border-radius: var(--ux-cta-radius);
 }
 
 .primary-action--spaced {
@@ -441,17 +605,36 @@ h2 {
 }
 
 .text-action {
-  margin-top: 20px;
-  border: 0;
-  background: transparent;
-  color: #6b6e78;
-  font-family: inherit;
-  font-size: 14px;
-  cursor: pointer;
+  margin-top: 14px;
+  width: 100%;
+  min-height: 52px;
+  border-radius: var(--ux-cta-radius);
+}
+
+.text-action--back {
+  margin-top: 0;
+}
+
+.key-actions {
+  margin-top: 16px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+}
+
+.key-actions .text-action,
+.key-actions .primary-action {
+  margin-top: 0;
+  min-height: 48px;
 }
 
-.text-action:hover {
-  color: #1f2228;
+.model-key-input {
+  width: 100%;
+}
+
+.model-key-input :deep(.ui-input__control) {
+  height: 48px;
+  border-radius: 12px;
 }
 
 .model-key-form {
@@ -459,44 +642,165 @@ h2 {
 }
 
 .model-key-form :deep(.el-form-item__label) {
-  color: #555967;
-  font-weight: 600;
+  color: var(--ux-text-secondary);
+  font-size: var(--ux-label-size);
+  font-weight: var(--ux-label-weight);
+  line-height: 1.4;
 }
 
 .model-key-form :deep(.el-input__wrapper),
 .model-key-form :deep(.el-select__wrapper) {
   min-height: 48px;
   border-radius: 12px;
-  box-shadow: 0 0 0 1px #dedfe5 inset;
+  box-shadow: 0 0 0 1px var(--ux-border) inset;
 }
 
-.error-msg {
-  margin-top: -4px;
-  color: #d93025;
-  font-size: 13px;
-  line-height: 1.5;
+.model-dropdown {
+  position: relative;
+  width: 100%;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.model-dropdown-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  height: 48px;
+  position: relative;
+  border: 1px solid var(--ux-border);
+  border-radius: 12px;
+  background: var(--surface-panel, var(--ux-panel-bg));
+  color: var(--ux-panel-text);
+  font-family: var(--ux-font-family);
+  font-size: var(--ux-input-size);
+  font-weight: 500;
+  line-height: 1.4;
+  padding: 0 30px 0 14px;
+  cursor: pointer;
+  text-align: left;
+  transition:
+    border-color 0.15s,
+    box-shadow 0.15s,
+    background 0.15s;
 }
 
-html.dark .model-setup-overlay {
-  background: rgba(18, 19, 20, 0.7);
+.model-dropdown-trigger:hover {
+  background: var(--ux-surface-hover);
 }
 
-html.dark .model-setup-panel {
-  background: #1b1c20;
-  color: #f5f5f5;
-  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
+.model-dropdown-trigger:disabled {
+  cursor: default;
+  background: var(--surface-panel, var(--ux-panel-bg));
 }
 
-html.dark .model-setup-desc,
-html.dark .family-name,
-html.dark .text-action {
-  color: #a6a8b0;
+.model-dropdown-trigger:disabled .model-dropdown-caret {
+  opacity: 0.55;
 }
 
-html.dark .model-family-card:hover,
-html.dark .model-family-card.active,
-html.dark .model-setup-close:hover {
-  background: #24262b;
-  border-color: #30323a;
+.model-dropdown-trigger:focus-visible {
+  outline: none;
+  border-color: var(--ux-brand-bg);
+  box-shadow: 0 0 0 3px var(--focus-ring);
+}
+
+.model-dropdown-value {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.model-dropdown-caret {
+  position: absolute;
+  right: 14px;
+  top: 50%;
+  width: 9px;
+  height: 9px;
+  border-right: 2px solid var(--ux-text-muted);
+  border-bottom: 2px solid var(--ux-text-muted);
+  transform: translateY(-62%) rotate(45deg);
+  transition: transform 0.16s ease;
+}
+
+.model-dropdown-menu {
+  display: block;
+  position: absolute;
+  z-index: 40;
+  left: 0;
+  right: 0;
+  top: calc(100% + 8px);
+  margin: 0;
+  padding: 6px;
+  list-style: none;
+  border: 1px solid var(--ux-flyout-border);
+  border-radius: 14px;
+  background: var(--ux-flyout-bg);
+  backdrop-filter: none;
+  box-shadow: var(--ux-flyout-shadow);
+  opacity: 0;
+  transform: translateY(-4px);
+  visibility: hidden;
+  pointer-events: none;
+  transition:
+    opacity 0.15s ease,
+    transform 0.15s ease,
+    visibility 0.15s ease;
+}
+
+.model-dropdown.is-open .model-dropdown-menu {
+  opacity: 1;
+  transform: translateY(0);
+  visibility: visible;
+  pointer-events: auto;
+}
+
+.model-dropdown-option {
+  width: 100%;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  color: var(--ux-panel-text);
+  font-family: var(--ux-font-family);
+  font-size: var(--ux-input-size);
+  font-weight: 500;
+  line-height: 40px;
+  min-height: 40px;
+  padding: 0 12px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.model-dropdown-option:hover {
+  background: var(--ux-surface-hover);
+}
+
+.model-dropdown-option.selected {
+  background: transparent;
+  font-weight: 700;
+}
+
+.model-dropdown-option.selected:hover {
+  background: var(--ux-surface-hover);
+}
+
+.model-key-form :deep(.el-input__inner),
+.model-key-form :deep(.el-select__selected-item),
+.model-key-form :deep(.el-select__placeholder) {
+  font-family: var(--ux-font-family);
+  font-size: var(--ux-input-size);
+  color: var(--ux-panel-text);
+}
+
+.model-key-form :deep(.el-input__inner::placeholder) {
+  color: var(--ux-text-muted);
+}
+
+.error-msg {
+  margin-top: -4px;
+  color: var(--ux-danger);
+  font-size: var(--ux-caption-size);
+  font-weight: 600;
+  line-height: 1.5;
 }
 </style>
diff --git a/desktop/renderer/src/components/ui/UiButton.stories.ts b/desktop/renderer/src/components/ui/UiButton.stories.ts
new file mode 100644
index 0000000..29fe3da
--- /dev/null
+++ b/desktop/renderer/src/components/ui/UiButton.stories.ts
@@ -0,0 +1,69 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import UiButton from "./UiButton.vue";
+
+const meta = {
+  title: "UI/UiButton",
+  component: UiButton,
+  tags: ["autodocs"],
+  args: {
+    variant: "default",
+    size: "md",
+    loading: false,
+    disabled: false,
+    block: false,
+    type: "button",
+  },
+  argTypes: {
+    variant: {
+      control: "select",
+      options: ["default", "secondary", "outline", "ghost", "destructive"],
+    },
+    size: {
+      control: "select",
+      options: ["sm", "md", "lg", "icon"],
+    },
+  },
+} satisfies Meta<typeof UiButton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: (args) => ({
+    components: { UiButton },
+    setup() {
+      return { args };
+    },
+    template: `<UiButton v-bind="args">Button</UiButton>`,
+  }),
+};
+
+export const Variants: Story = {
+  render: () => ({
+    components: { UiButton },
+    template: `
+      <div style="display:grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 12px; width: 520px;">
+        <UiButton variant="default">Default</UiButton>
+        <UiButton variant="secondary">Secondary</UiButton>
+        <UiButton variant="outline">Outline</UiButton>
+        <UiButton variant="ghost">Ghost</UiButton>
+        <UiButton variant="destructive">Destructive</UiButton>
+        <UiButton :loading="true">Loading</UiButton>
+      </div>
+    `,
+  }),
+};
+
+export const Sizes: Story = {
+  render: () => ({
+    components: { UiButton },
+    template: `
+      <div style="display:flex; align-items:center; gap: 10px;">
+        <UiButton size="sm">Small</UiButton>
+        <UiButton size="md">Medium</UiButton>
+        <UiButton size="lg">Large</UiButton>
+        <UiButton size="icon" aria-label="icon-only">+</UiButton>
+      </div>
+    `,
+  }),
+};
diff --git a/desktop/renderer/src/components/ui/UiButton.vue b/desktop/renderer/src/components/ui/UiButton.vue
new file mode 100644
index 0000000..c3dee8b
--- /dev/null
+++ b/desktop/renderer/src/components/ui/UiButton.vue
@@ -0,0 +1,171 @@
+<template>
+  <button
+    :type="type"
+    class="ui-button"
+    :class="[
+      `ui-button--${variant}`,
+      `ui-button--${size}`,
+      {
+        'ui-button--block': block,
+        'ui-button--loading': loading,
+      },
+    ]"
+    :disabled="disabled || loading"
+  >
+    <span v-if="loading" class="ui-button__spinner" aria-hidden="true"></span>
+    <span class="ui-button__label"><slot /></span>
+  </button>
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive";
+    size?: "sm" | "md" | "lg" | "icon";
+    type?: "button" | "submit" | "reset";
+    block?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+  }>(),
+  {
+    variant: "default",
+    size: "md",
+    type: "button",
+    block: false,
+    loading: false,
+    disabled: false,
+  },
+);
+</script>
+
+<style scoped>
+.ui-button {
+  --btn-bg: var(--action-primary, #18181b);
+  --btn-fg: var(--action-primary-foreground, #ffffff);
+  --btn-border: transparent;
+
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border-radius: var(--radius-pill, 999px);
+  border: 1px solid var(--btn-border);
+  background: var(--btn-bg);
+  color: var(--btn-fg);
+  font-family: inherit;
+  font-weight: 600;
+  letter-spacing: 0.2px;
+  line-height: 1;
+  cursor: pointer;
+  transition:
+    background 0.15s ease,
+    border-color 0.15s ease,
+    opacity 0.15s ease,
+    transform 0.08s ease;
+}
+
+.ui-button:hover:not(:disabled) {
+  opacity: 0.92;
+}
+
+.ui-button:active:not(:disabled) {
+  transform: translateY(1px);
+}
+
+.ui-button:focus-visible {
+  outline: 2px solid var(--focus-ring, rgba(0, 0, 0, 0.22));
+  outline-offset: 2px;
+}
+
+.ui-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.ui-button--sm {
+  height: 34px;
+  padding: 0 14px;
+  border-radius: var(--radius-md, 8px);
+  font-size: 13px;
+}
+
+.ui-button--md {
+  height: 40px;
+  padding: 0 16px;
+  border-radius: var(--radius-lg, 12px);
+  font-size: 14px;
+}
+
+.ui-button--lg {
+  height: 48px;
+  padding: 0 22px;
+  font-size: 15px;
+}
+
+.ui-button--icon {
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  border-radius: var(--radius-lg, 12px);
+}
+
+.ui-button--block {
+  width: 100%;
+}
+
+.ui-button--default {
+  --btn-bg: var(--action-primary, #18181b);
+  --btn-fg: var(--action-primary-foreground, #ffffff);
+  --btn-border: transparent;
+}
+
+.ui-button--secondary {
+  --btn-bg: var(--surface-hover, #f5f6f8);
+  --btn-fg: var(--text-primary, #1e1f25);
+  --btn-border: var(--border-default, var(--border, #e8eaef));
+}
+
+.ui-button--outline {
+  --btn-bg: transparent;
+  --btn-fg: var(--text-primary, #1e1f25);
+  --btn-border: var(--border-default, var(--border, #e8eaef));
+}
+
+.ui-button--ghost {
+  --btn-bg: transparent;
+  --btn-fg: var(--text-secondary, #636878);
+  --btn-border: transparent;
+}
+
+.ui-button--ghost:hover:not(:disabled) {
+  background: var(--surface-hover, #f5f6f8);
+  opacity: 1;
+}
+
+.ui-button--destructive {
+  --btn-bg: var(--status-danger, #dc2626);
+  --btn-fg: #ffffff;
+  --btn-border: transparent;
+}
+
+.ui-button__spinner {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 2px solid color-mix(in srgb, currentColor 40%, transparent);
+  border-top-color: currentColor;
+  animation: ui-spin 0.8s linear infinite;
+}
+
+.ui-button__label {
+  display: inline-flex;
+  align-items: center;
+}
+
+@keyframes ui-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+</style>
diff --git a/desktop/renderer/src/components/ui/UiDialog.stories.ts b/desktop/renderer/src/components/ui/UiDialog.stories.ts
new file mode 100644
index 0000000..26881d1
--- /dev/null
+++ b/desktop/renderer/src/components/ui/UiDialog.stories.ts
@@ -0,0 +1,162 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import { ref } from "vue";
+import UiButton from "./UiButton.vue";
+import UiDialog from "./UiDialog.vue";
+import UiInput from "./UiInput.vue";
+
+const meta = {
+  title: "UI/UiDialog",
+  component: UiDialog,
+  tags: ["autodocs"],
+  args: {
+    title: "Add Custom Model",
+    size: "md",
+    variant: "elevated",
+    titleAlign: "center",
+    closeOnOverlay: true,
+    showClose: true,
+    modelValue: true,
+  },
+  argTypes: {
+    size: {
+      control: "select",
+      options: ["sm", "md", "lg"],
+    },
+    variant: {
+      control: "select",
+      options: ["default", "elevated"],
+    },
+    titleAlign: {
+      control: "inline-radio",
+      options: ["left", "center"],
+    },
+  },
+} satisfies Meta<typeof UiDialog>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: (args) => ({
+    components: { UiDialog, UiInput, UiButton },
+    setup() {
+      const open = ref(args.modelValue);
+      const name = ref("");
+      const apiKey = ref("");
+      return { args, open, name, apiKey };
+    },
+    template: `
+      <div style="min-height: 480px; min-width: 980px; display: grid; place-items: center; background: #f2f2f5;">
+        <UiButton variant="secondary" size="md" @click="open = true">Open Dialog</UiButton>
+        <UiDialog v-bind="args" v-model="open">
+          <div style="display: grid; gap: 14px; min-width: 460px; padding-top: 2px;">
+            <UiInput v-model="name" size="lg" placeholder="e.g. my-gpt-4o">
+              <template #label>Model Name</template>
+            </UiInput>
+            <UiInput v-model="apiKey" size="lg" show-password placeholder="sk-...">
+              <template #label>API Key</template>
+            </UiInput>
+          </div>
+          <template #footer>
+            <div style="display:grid; grid-template-columns: 1fr 1fr; gap:12px; width:100%;">
+              <UiButton variant="outline" size="lg" :block="true" @click="open = false">Cancel</UiButton>
+              <UiButton variant="default" size="lg" :block="true">Save</UiButton>
+            </div>
+          </template>
+        </UiDialog>
+      </div>
+    `,
+  }),
+};
+
+export const LargeSize: Story = {
+  args: {
+    size: "lg",
+    title: "Dialog Size: Large",
+  },
+  render: (args) => ({
+    components: { UiDialog, UiButton },
+    setup() {
+      const open = ref(true);
+      return { args, open };
+    },
+    template: `
+      <div style="min-width: 900px; min-height: 340px;">
+        <UiDialog v-bind="args" v-model="open">
+          <p style="margin: 0; line-height: 1.6;">
+            This story previews shell sizing and spacing behavior.
+          </p>
+          <template #footer>
+            <UiButton variant="secondary" size="sm" @click="open = false">Close</UiButton>
+          </template>
+        </UiDialog>
+      </div>
+    `,
+  }),
+};
+
+export const FooterHorizontalActions: Story = {
+  args: {
+    title: "Footer: Horizontal Actions",
+    titleAlign: "center",
+    size: "md",
+  },
+  render: (args) => ({
+    components: { UiDialog, UiButton, UiInput },
+    setup() {
+      const open = ref(true);
+      const model = ref("");
+      return { args, open, model };
+    },
+    template: `
+      <div style="min-height: 460px; min-width: 980px; display: grid; place-items: center; background: #f2f2f5;">
+        <UiDialog v-bind="args" v-model="open">
+          <div style="display:grid; gap:14px; min-width:460px;">
+            <UiInput v-model="model" size="lg" placeholder="e.g. my-gpt-4o">
+              <template #label>Model Name</template>
+            </UiInput>
+          </div>
+          <template #footer>
+            <div style="display:grid; grid-template-columns: 1fr 1fr; gap:12px; width:100%;">
+              <UiButton variant="outline" size="lg" :block="true" @click="open = false">Cancel</UiButton>
+              <UiButton variant="default" size="lg" :block="true">Save</UiButton>
+            </div>
+          </template>
+        </UiDialog>
+      </div>
+    `,
+  }),
+};
+
+export const FooterVerticalActions: Story = {
+  args: {
+    title: "Footer: Vertical Actions",
+    titleAlign: "center",
+    size: "md",
+  },
+  render: (args) => ({
+    components: { UiDialog, UiButton, UiInput },
+    setup() {
+      const open = ref(true);
+      const apiKey = ref("");
+      return { args, open, apiKey };
+    },
+    template: `
+      <div style="min-height: 460px; min-width: 980px; display: grid; place-items: center; background: #f2f2f5;">
+        <UiDialog v-bind="args" v-model="open">
+          <div style="display:grid; gap:14px; min-width:460px;">
+            <UiInput v-model="apiKey" size="lg" show-password placeholder="sk-...">
+              <template #label>API Key</template>
+            </UiInput>
+          </div>
+          <template #footer>
+            <div style="display:grid; grid-template-columns: 1fr; gap:10px; width:100%;">
+              <UiButton variant="default" size="lg" :block="true">Save and continue</UiButton>
+              <UiButton variant="outline" size="lg" :block="true" @click="open = false">Not now</UiButton>
+            </div>
+          </template>
+        </UiDialog>
+      </div>
+    `,
+  }),
+};
diff --git a/desktop/renderer/src/components/ui/UiDialog.vue b/desktop/renderer/src/components/ui/UiDialog.vue
new file mode 100644
index 0000000..b96c6ac
--- /dev/null
+++ b/desktop/renderer/src/components/ui/UiDialog.vue
@@ -0,0 +1,174 @@
+<template>
+  <div
+    v-if="modelValue"
+    class="ui-dialog-overlay"
+    @mousedown.self="onOverlayMouseDown"
+  >
+    <section class="ui-dialog" :class="[`ui-dialog--${size}`, `ui-dialog--${variant}`]" role="dialog" aria-modal="true">
+      <header
+        v-if="$slots.header || title || showClose"
+        class="ui-dialog__header"
+        :class="[`ui-dialog__header--${titleAlign}`]"
+      >
+        <slot name="header">
+          <h2 v-if="title" class="ui-dialog__title">{{ title }}</h2>
+        </slot>
+        <button
+          v-if="showClose"
+          type="button"
+          class="ui-dialog__close"
+          aria-label="Close"
+          @click="close"
+        >
+          <svg
+            width="12"
+            height="12"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            <line x1="18" y1="6" x2="6" y2="18" />
+            <line x1="6" y1="6" x2="18" y2="18" />
+          </svg>
+        </button>
+      </header>
+
+      <div class="ui-dialog__content">
+        <slot />
+      </div>
+
+      <footer v-if="$slots.footer" class="ui-dialog__footer">
+        <slot name="footer" />
+      </footer>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+const emit = defineEmits<{
+  (e: "update:modelValue", value: boolean): void;
+  (e: "close"): void;
+}>();
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: boolean;
+    title?: string;
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "elevated";
+    titleAlign?: "left" | "center";
+    closeOnOverlay?: boolean;
+    showClose?: boolean;
+  }>(),
+  {
+    title: "",
+    size: "md",
+    variant: "default",
+    titleAlign: "left",
+    closeOnOverlay: true,
+    showClose: true,
+  },
+);
+
+function close() {
+  emit("update:modelValue", false);
+  emit("close");
+}
+
+function onOverlayMouseDown() {
+  if (props.closeOnOverlay) close();
+}
+</script>
+
+<style scoped>
+.ui-dialog-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 3000;
+  display: grid;
+  place-items: center;
+  background: var(--surface-overlay, rgba(255, 255, 255, 0.72));
+  backdrop-filter: blur(8px);
+  padding: 20px;
+}
+
+.ui-dialog {
+  width: min(100%, 520px);
+  border-radius: var(--radius-xl, 20px);
+  background: var(--surface-panel, var(--bg-secondary, #ffffff));
+  color: var(--text-primary, #1e1f25);
+  border: 1px solid var(--border-default, var(--border, #e8eaef));
+}
+
+.ui-dialog--elevated {
+  box-shadow: var(--card-shadow-hover, 0 14px 36px rgba(0, 0, 0, 0.13));
+}
+
+.ui-dialog--sm {
+  max-width: 420px;
+}
+
+.ui-dialog--md {
+  max-width: 520px;
+}
+
+.ui-dialog--lg {
+  max-width: 680px;
+}
+
+.ui-dialog__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  gap: 12px;
+  padding: 20px 22px 10px;
+}
+
+.ui-dialog__header--center {
+  justify-content: center;
+}
+
+.ui-dialog__header--center .ui-dialog__title {
+  text-align: center;
+}
+
+.ui-dialog__title {
+  font-size: 20px;
+  line-height: 1.2;
+  font-weight: 700;
+}
+
+.ui-dialog__close {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  border: 0;
+  background: transparent;
+  color: var(--text-secondary, #636878);
+  cursor: pointer;
+}
+
+.ui-dialog__close:hover {
+  background: var(--surface-hover, #f5f6f8);
+  color: var(--text-primary, #1e1f25);
+}
+
+.ui-dialog__content {
+  padding: 12px 22px 22px;
+}
+
+.ui-dialog__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  padding: 0 22px 20px;
+}
+</style>
diff --git a/desktop/renderer/src/components/ui/UiInput.stories.ts b/desktop/renderer/src/components/ui/UiInput.stories.ts
new file mode 100644
index 0000000..2edc823
--- /dev/null
+++ b/desktop/renderer/src/components/ui/UiInput.stories.ts
@@ -0,0 +1,88 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import UiInput from "./UiInput.vue";
+
+const meta = {
+  title: "UI/UiInput",
+  component: UiInput,
+  tags: ["autodocs"],
+  args: {
+    modelValue: "",
+    placeholder: "Type here...",
+    size: "md",
+    invalid: false,
+    disabled: false,
+    type: "text",
+    showPassword: false,
+  },
+  argTypes: {
+    size: {
+      control: "select",
+      options: ["sm", "md", "lg"],
+    },
+  },
+} satisfies Meta<typeof UiInput>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: (args) => ({
+    components: { UiInput },
+    setup() {
+      return { args };
+    },
+    template: `
+      <div style="width: 320px;">
+        <UiInput
+          v-bind="args"
+          :model-value="args.modelValue"
+          @update:modelValue="args.modelValue = $event"
+        />
+      </div>
+    `,
+  }),
+};
+
+export const WithLabelAndHint: Story = {
+  render: (args) => ({
+    components: { UiInput },
+    setup() {
+      return { args };
+    },
+    template: `
+      <div style="width: 360px;">
+        <UiInput
+          v-bind="args"
+          :model-value="args.modelValue"
+          placeholder="sk-..."
+          @update:modelValue="args.modelValue = $event"
+        >
+          <template #label>API Key</template>
+          <template #hint>Stored locally and masked by default.</template>
+        </UiInput>
+      </div>
+    `,
+  }),
+};
+
+export const PasswordToggle: Story = {
+  args: {
+    modelValue: "secret-value",
+    showPassword: true,
+  },
+  render: (args) => ({
+    components: { UiInput },
+    setup() {
+      return { args };
+    },
+    template: `
+      <div style="width: 320px;">
+        <UiInput
+          v-bind="args"
+          :model-value="args.modelValue"
+          @update:modelValue="args.modelValue = $event"
+        />
+      </div>
+    `,
+  }),
+};
diff --git a/desktop/renderer/src/components/ui/UiInput.vue b/desktop/renderer/src/components/ui/UiInput.vue
new file mode 100644
index 0000000..760f78d
--- /dev/null
+++ b/desktop/renderer/src/components/ui/UiInput.vue
@@ -0,0 +1,222 @@
+<template>
+  <label
+    class="ui-input"
+    :class="[`ui-input--${size}`, { 'ui-input--invalid': invalid, 'ui-input--toggle': showPassword } ]"
+  >
+    <span v-if="$slots.label" class="ui-input__label"><slot name="label" /></span>
+    <span class="ui-input__wrap">
+      <input
+        class="ui-input__control"
+        :type="inputType"
+        :placeholder="placeholder"
+        :value="modelValue"
+        :disabled="disabled"
+        :autocomplete="autocomplete"
+        @input="onInput"
+        @blur="emit('blur', $event)"
+        @focus="emit('focus', $event)"
+        @keydown="emit('keydown', $event)"
+      />
+      <button
+        v-if="showPassword"
+        type="button"
+        class="ui-input__toggle"
+        :disabled="disabled"
+        :aria-label="revealed ? 'Hide password' : 'Show password'"
+        @click="revealed = !revealed"
+      >
+        <svg
+          v-if="!revealed"
+          class="ui-input__toggle-icon"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          <path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z" />
+          <circle cx="12" cy="12" r="3" />
+        </svg>
+        <svg
+          v-else
+          class="ui-input__toggle-icon"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          <path d="m3 3 18 18" />
+          <path d="M10.58 10.58a2 2 0 0 0 2.83 2.83" />
+          <path d="M9.88 4.24A10.94 10.94 0 0 1 12 4c7 0 11 8 11 8a21.8 21.8 0 0 1-5.08 5.55" />
+          <path d="M6.61 6.61A21.77 21.77 0 0 0 1 12s4 8 11 8a10.94 10.94 0 0 0 5.39-1.39" />
+        </svg>
+      </button>
+    </span>
+    <span v-if="$slots.hint" class="ui-input__hint"><slot name="hint" /></span>
+  </label>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+
+const emit = defineEmits<{
+  (e: "update:modelValue", value: string): void;
+  (e: "blur", event: FocusEvent): void;
+  (e: "focus", event: FocusEvent): void;
+  (e: "keydown", event: KeyboardEvent): void;
+}>();
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: string;
+    type?: string;
+    placeholder?: string;
+    size?: "sm" | "md" | "lg";
+    invalid?: boolean;
+    disabled?: boolean;
+    showPassword?: boolean;
+    autocomplete?: string;
+  }>(),
+  {
+    type: "text",
+    placeholder: "",
+    size: "md",
+    invalid: false,
+    disabled: false,
+    showPassword: false,
+    autocomplete: "off",
+  },
+);
+
+const revealed = ref(false);
+const inputType = computed(() => {
+  if (props.showPassword) {
+    return revealed.value ? "text" : "password";
+  }
+  return props.type;
+});
+
+function onInput(event: Event) {
+  const target = event.target as HTMLInputElement;
+  emit("update:modelValue", target.value);
+}
+</script>
+
+<style scoped>
+.ui-input {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+.ui-input__label {
+  color: var(--text-secondary, #636878);
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.ui-input__wrap {
+  position: relative;
+  display: block;
+}
+
+.ui-input__control {
+  width: 100%;
+  border: 1px solid var(--border-default, var(--border, #e8eaef));
+  background: var(--surface-panel, var(--bg-secondary, #ffffff));
+  color: var(--text-primary, #1e1f25);
+  border-radius: var(--radius-lg, 12px);
+  font-family: inherit;
+  outline: none;
+  transition:
+    border-color 0.15s ease,
+    box-shadow 0.15s ease,
+    background 0.15s ease;
+}
+
+.ui-input__control::placeholder {
+  color: var(--text-muted, #a3a8b8);
+}
+
+.ui-input--sm .ui-input__control {
+  height: 34px;
+  padding: 0 10px;
+  border-radius: var(--radius-md, 8px);
+  font-size: 13px;
+}
+
+.ui-input--md .ui-input__control {
+  height: 40px;
+  padding: 0 12px;
+  font-size: 14px;
+}
+
+.ui-input--lg .ui-input__control {
+  height: 46px;
+  padding: 0 14px;
+  font-size: 15px;
+}
+
+.ui-input--toggle .ui-input__control {
+  padding-right: 58px;
+}
+
+.ui-input__control:focus-visible {
+  border-color: color-mix(in srgb, var(--action-primary, #18181b) 45%, transparent);
+  box-shadow: 0 0 0 3px var(--focus-ring, rgba(0, 0, 0, 0.18));
+}
+
+.ui-input__control:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+.ui-input--invalid .ui-input__control {
+  border-color: var(--status-danger, #dc2626);
+}
+
+.ui-input--invalid .ui-input__control:focus-visible {
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--status-danger, #dc2626) 28%, transparent);
+}
+
+.ui-input__toggle {
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  transform: translateY(-50%);
+  border: 0;
+  background: transparent;
+  color: var(--text-secondary, #636878);
+  cursor: pointer;
+  line-height: 0;
+  padding: 2px;
+}
+
+.ui-input__toggle:hover:not(:disabled) {
+  color: var(--text-primary, #1e1f25);
+}
+
+.ui-input__toggle:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.ui-input__hint {
+  color: var(--text-muted, #a3a8b8);
+  font-size: 12px;
+}
+
+.ui-input__toggle-icon {
+  display: block;
+}
+</style>
diff --git a/desktop/renderer/src/components/ui/index.ts b/desktop/renderer/src/components/ui/index.ts
new file mode 100644
index 0000000..e5c1ae1
--- /dev/null
+++ b/desktop/renderer/src/components/ui/index.ts
@@ -0,0 +1,3 @@
+export { default as UiButton } from "./UiButton.vue";
+export { default as UiDialog } from "./UiDialog.vue";
+export { default as UiInput } from "./UiInput.vue";
diff --git a/desktop/renderer/src/i18n/en-US.ts b/desktop/renderer/src/i18n/en-US.ts
index d50ac0f..56e870e 100644
--- a/desktop/renderer/src/i18n/en-US.ts
+++ b/desktop/renderer/src/i18n/en-US.ts
@@ -463,6 +463,7 @@ export default {
 
   // ── Common ──
   "common.close": "Close",
+  "common.back": "Back",
   "common.platformWindows": "Windows",
   "common.platformMacOS": "macOS",
   "common.platformLinux": "Linux",
diff --git a/desktop/renderer/src/i18n/zh-CN.ts b/desktop/renderer/src/i18n/zh-CN.ts
index 2cda414..59854ad 100644
--- a/desktop/renderer/src/i18n/zh-CN.ts
+++ b/desktop/renderer/src/i18n/zh-CN.ts
@@ -444,6 +444,7 @@ export default {
 
   // ── Common ──
   "common.close": "关闭",
+  "common.back": "返回",
   "common.platformWindows": "Windows",
   "common.platformMacOS": "macOS",
   "common.platformLinux": "Linux",
diff --git a/desktop/renderer/src/styles/global.css b/desktop/renderer/src/styles/global.css
index 3908d10..b510530 100644
--- a/desktop/renderer/src/styles/global.css
+++ b/desktop/renderer/src/styles/global.css
@@ -24,9 +24,19 @@
   --msg-user-bg: #1e293b;
   --msg-user-text: #ffffff;
   --msg-ai-bg: transparent;
-  --danger: #ef4444;
+  --danger: var(--smtc-status-danger-foreground);
   --success: #10b981;
   --warning: #f59e0b;
+  /* ── Semantic surface/action tokens (design-system baseline) ── */
+  --surface-page: var(--bg-primary);
+  --surface-panel: var(--bg-secondary);
+  --surface-overlay: rgba(255, 255, 255, 0.72);
+  --surface-hover: var(--bg-tertiary);
+  --border-default: var(--border);
+  --action-primary: #18181b;
+  --action-primary-foreground: #ffffff;
+  --status-danger: var(--danger);
+  --focus-ring: color-mix(in srgb, var(--action-primary) 35%, transparent);
   --sidebar-width: 280px;
   --card-radius: 16px;
   --radius-xs: 4px;
@@ -131,9 +141,18 @@ html.dark {
   --border-light: #3f3f46;
   --msg-user-bg: #334155;
   --msg-ai-bg: transparent;
-  --danger: #ef4444;
+  --danger: var(--smtc-status-danger-foreground);
   --success: #22c55e;
   --warning: #f59e0b;
+  --surface-page: var(--bg-primary);
+  --surface-panel: var(--bg-secondary);
+  --surface-overlay: rgba(0, 0, 0, 0.52);
+  --surface-hover: var(--bg-tertiary);
+  --border-default: var(--border);
+  --action-primary: #f5f5f5;
+  --action-primary-foreground: #18181b;
+  --status-danger: var(--danger);
+  --focus-ring: color-mix(in srgb, var(--action-primary) 32%, transparent);
   --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   --card-shadow-hover: 0 18px 44px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.25);
   --bg-hover: #3f3f46;
@@ -185,6 +204,15 @@ html.light {
   --border-row: rgba(60, 60, 67, 0.05);
   --border-light: #f0f1f4;
   --msg-ai-bg: transparent;
+  --surface-page: var(--bg-primary);
+  --surface-panel: var(--bg-secondary);
+  --surface-overlay: rgba(255, 255, 255, 0.72);
+  --surface-hover: var(--bg-tertiary);
+  --border-default: var(--border);
+  --action-primary: #18181b;
+  --action-primary-foreground: #ffffff;
+  --status-danger: var(--danger);
+  --focus-ring: color-mix(in srgb, var(--action-primary) 35%, transparent);
 }
 
 /* ── Window controls overlay spacing ── */
diff --git a/desktop/renderer/src/views/ChatView.vue b/desktop/renderer/src/views/ChatView.vue
index b2b16c9..687d1c8 100644
--- a/desktop/renderer/src/views/ChatView.vue
+++ b/desktop/renderer/src/views/ChatView.vue
@@ -262,7 +262,11 @@ onMounted(() => {
   if (chatStore.messages.length) {
     nextTick(scrollToBottom);
   }
-  studioStore.initialize();
+  try {
+    studioStore.initialize();
+  } catch {
+    // Studio APIs may be absent in lightweight preview mode.
+  }
 });
 
 onUnmounted(() => {
@@ -447,11 +451,35 @@ function handleThreadClick(e: MouseEvent) {
 </script>
 
 <style scoped>
+.chat-view,
+.mode-toggle-btn,
+.chat-new-messages,
+.studio-canvas-area,
+.studio-retry-btn,
+.home-input-box,
+.home-input-plus,
+.home-input-send,
+.home-disclaimer {
+  --ux-surface-primary: var(--smtc-background-web-page-primary, var(--bg-primary));
+  --ux-surface-secondary: var(--smtc-background-window-primary-solid, var(--bg-secondary));
+  --ux-surface-tertiary: var(--smtc-background-card-on-primary-default-rest, var(--bg-tertiary));
+  --ux-surface-hover: var(--smtc-background-ctrl-subtle-hover, #f5f5f5);
+  --ux-ctrl-brand-rest: var(--smtc-background-ctrl-brand-rest, #211d1a);
+  --ux-ctrl-brand-hover: var(--smtc-background-ctrl-brand-hover, #302b27);
+  --ux-ctrl-on-brand: var(--smtc-foreground-ctrl-on-brand-rest, #fff);
+  --ux-text-primary: var(--smtc-foreground-ctrl-neutral-primary-rest, var(--text-primary));
+  --ux-text-secondary: var(--smtc-foreground-ctrl-neutral-secondary-rest, var(--text-secondary));
+  --ux-text-muted: var(--smtc-foreground-ctrl-hint-default, var(--text-muted));
+  --ux-border: var(--smtc-stroke-divider-subtle, var(--border));
+  --ux-focus: var(--smtc-background-ctrl-subtle-selected-rest, var(--text-muted));
+  --ux-shadow-card: var(--smtc-shadow-card-rest-key, 0 2px 12px rgba(0, 0, 0, 0.15));
+}
+
 .chat-view {
   height: 100%;
   display: flex;
   flex-direction: column;
-  background: var(--bg-primary);
+  background: var(--ux-surface-primary);
   overflow: hidden;
   position: relative;
 }
@@ -470,23 +498,23 @@ function handleThreadClick(e: MouseEvent) {
   font-size: 13px;
   font-weight: 500;
   font-family: inherit;
-  border: 1px solid var(--border);
+  border: 1px solid var(--ux-border);
   border-radius: 999px;
   background: transparent;
-  color: var(--text-muted);
+  color: var(--ux-text-muted);
   cursor: pointer;
   transition: all 0.15s;
 }
 
 .mode-toggle-btn.active {
-  background: var(--text-primary);
-  color: var(--bg-primary);
-  border-color: var(--text-primary);
+  background: var(--ux-ctrl-brand-rest);
+  color: var(--ux-ctrl-on-brand);
+  border-color: var(--ux-ctrl-brand-rest);
 }
 
 .mode-toggle-btn:not(.active):hover {
-  background: var(--bg-tertiary);
-  color: var(--text-primary);
+  background: var(--ux-surface-hover);
+  color: var(--ux-text-primary);
 }
 
 /* ── Welcome ── */
@@ -524,8 +552,8 @@ function handleThreadClick(e: MouseEvent) {
   font-size: 12px;
   font-weight: 500;
   font-family: inherit;
-  color: #fff;
-  background: #1e1f25;
+  color: var(--ux-ctrl-on-brand);
+  background: var(--ux-ctrl-brand-rest);
   border: none;
   border-radius: 999px;
   cursor: pointer;
@@ -534,26 +562,15 @@ function handleThreadClick(e: MouseEvent) {
   left: 50%;
   transform: translateX(-50%);
   z-index: 10;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+  box-shadow: var(--ux-shadow-card);
   transition:
     background 0.15s,
     box-shadow 0.15s;
 }
 
 .chat-new-messages:hover {
-  background: #333;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-}
-
-html.dark .chat-new-messages {
-  background: #e0e0e0;
-  color: #1e1f25;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
-}
-
-html.dark .chat-new-messages:hover {
-  background: #fafafa;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
+  background: var(--ux-ctrl-brand-hover);
+  box-shadow: var(--smtc-shadow-flyout-key, 0 4px 16px rgba(0, 0, 0, 0.2));
 }
 
 /* ── Studio mode ── */
@@ -562,7 +579,7 @@ html.dark .chat-new-messages:hover {
   min-height: 0;
   position: relative;
   overflow: hidden;
-  background: #2d2d3d;
+  background: var(--smtc-background-window-tab-band-solid, #2d2d3d);
   border-radius: 14px;
   margin: 8px 32px 12px;
 }
@@ -574,7 +591,7 @@ html.dark .chat-new-messages:hover {
   align-items: center;
   justify-content: center;
   gap: 12px;
-  color: var(--text-muted);
+  color: var(--ux-text-muted);
 }
 
 .studio-loading-text {
@@ -588,10 +605,10 @@ html.dark .chat-new-messages:hover {
 
 .studio-retry-btn {
   padding: 6px 20px;
-  border: 1px solid var(--border);
+  border: 1px solid var(--ux-border);
   border-radius: 8px;
-  background: var(--bg-secondary);
-  color: var(--text-primary);
+  background: var(--ux-surface-secondary);
+  color: var(--ux-text-primary);
   font-size: 13px;
   cursor: pointer;
   transition: background 0.15s;
@@ -599,7 +616,7 @@ html.dark .chat-new-messages:hover {
 }
 
 .studio-retry-btn:hover {
-  background: var(--bg-tertiary);
+  background: var(--ux-surface-hover);
 }
 
 .studio-status-bar {
@@ -623,7 +640,7 @@ html.dark .chat-new-messages:hover {
 }
 
 .home-input-box {
-  border: 1px solid var(--border);
+  border: 1px solid var(--ux-border);
   border-radius: 20px;
   transition:
     box-shadow 0.15s,
@@ -632,7 +649,7 @@ html.dark .chat-new-messages:hover {
 
 .home-input-box:focus-within {
   border-color: transparent;
-  box-shadow: 0 0 0 2px var(--text-muted);
+  box-shadow: 0 0 0 2px var(--ux-focus);
 }
 
 .home-input-box textarea {
@@ -642,14 +659,14 @@ html.dark .chat-new-messages:hover {
   outline: none;
   background: transparent;
   font-size: 14px;
-  color: var(--text-primary);
+  color: var(--ux-text-primary);
   font-family: inherit;
   resize: none;
   line-height: 1.5;
 }
 
 .home-input-box textarea::placeholder {
-  color: var(--text-muted);
+  color: var(--ux-text-muted);
 }
 
 .home-input-box textarea:disabled {
@@ -677,18 +694,14 @@ html.dark .chat-new-messages:hover {
   place-items: center;
   border: none;
   background: transparent;
-  color: var(--text-secondary);
+  color: var(--ux-text-secondary);
   border-radius: 8px;
   cursor: pointer;
   transition: background 0.15s;
 }
 
 .home-input-plus:hover {
-  background: #f5f5f5;
-}
-
-html.dark .home-input-plus:hover {
-  background: var(--bg-tertiary);
+  background: var(--ux-surface-hover);
 }
 
 .home-input-send {
@@ -697,14 +710,14 @@ html.dark .home-input-plus:hover {
   display: grid;
   place-items: center;
   border: none;
-  background: #e1e1e1;
-  color: var(--text-secondary);
+  background: var(--smtc-background-ctrl-neutral-rest, #e1e1e1);
+  color: var(--ux-text-secondary);
   border-radius: 50%;
   cursor: pointer;
   transition:
     background 0.15s,
     opacity 0.15s;
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
+  box-shadow: var(--ux-shadow-card);
 }
 
 .home-input-send:disabled {
@@ -713,53 +726,32 @@ html.dark .home-input-plus:hover {
 }
 
 .home-input-send:not(:disabled):hover {
-  background: #d5d5d5;
-}
-
-html.dark .home-input-send {
-  background: var(--bg-tertiary);
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
-}
-
-html.dark .home-input-send:not(:disabled):hover {
-  background: var(--border);
+  background: var(--smtc-background-ctrl-neutral-hover, #d5d5d5);
 }
 
 .home-input-send--stop {
-  background: var(--accent);
-  color: #fff;
+  background: var(--ux-ctrl-brand-rest);
+  color: var(--ux-ctrl-on-brand);
   opacity: 1;
   cursor: pointer;
 }
 
 .home-input-send--stop:hover {
-  background: #333;
-}
-
-html.dark .home-input-send--stop {
-  background: #e0e0e0;
-}
-
-html.dark .home-input-send--stop:hover {
-  background: #fafafa;
+  background: var(--ux-ctrl-brand-hover);
 }
 
 .stop-square {
   display: block;
   width: 12px;
   height: 12px;
-  background: #fff;
+  background: var(--ux-ctrl-on-brand);
   border-radius: 2px;
 }
 
-html.dark .stop-square {
-  background: #1e1f25;
-}
-
 .home-disclaimer {
   text-align: center;
   font-size: 11px;
-  color: var(--text-muted);
+  color: var(--ux-text-muted);
   margin-top: 16px;
   margin-bottom: 4px;
   line-height: 1.4;
diff --git a/desktop/renderer/vite.config.ts b/desktop/renderer/vite.config.ts
index de595e2..929e198 100644
--- a/desktop/renderer/vite.config.ts
+++ b/desktop/renderer/vite.config.ts
@@ -13,6 +13,9 @@ export default defineConfig({
   server: {
     port: 5173,
     strictPort: true,
+    watch: {
+      ignored: ["**/storybook-static/**"],
+    },
   },
   build: {
     outDir: "dist",
diff --git a/docs/checklists/dialog-regression-checklist.md b/docs/checklists/dialog-regression-checklist.md
new file mode 100644
index 0000000..2d24bb5
--- /dev/null
+++ b/docs/checklists/dialog-regression-checklist.md
@@ -0,0 +1,42 @@
+# Dialog Regression Checklist
+
+Use this checklist for any PR that changes dialog or drawer UX.
+
+## A. Core Interaction
+
+- [ ] Open and close behavior matches product expectation.
+- [ ] Overlay click behavior is intentional (`closeOnOverlay` decision documented).
+- [ ] `Esc` behavior is intentional (enabled or intentionally blocked).
+- [ ] Primary and secondary actions are in correct order and visual hierarchy.
+- [ ] Loading/disabled states prevent duplicate submits.
+
+## B. Keyboard and Focus
+
+- [ ] All controls are reachable by keyboard.
+- [ ] Focus ring is visible on all actionable controls.
+- [ ] Enter key submits only where expected.
+- [ ] Close control has accessible label.
+
+## C. Visual and Token Compliance
+
+- [ ] No newly introduced hard-coded colors for dialog UI.
+- [ ] Border/surface/text/focus states use semantic variables.
+- [ ] Spacing uses existing spacing rhythm.
+- [ ] Typography and button sizes remain consistent with local primitives.
+
+## D. Theme and Responsiveness
+
+- [ ] Light theme verified.
+- [ ] Dark theme verified.
+- [ ] Narrow width behavior verified (content wrapping, footer button layout).
+
+## E. Business Safety
+
+- [ ] Validation errors are visible and understandable.
+- [ ] Async failure path still returns to usable state.
+- [ ] Existing behavior for high-risk flows (permission/integrity) remains unchanged unless intentionally modified.
+
+## F. Primitive Source
+
+- [ ] This page uses one primary primitive source for dialog shell/buttons/inputs.
+- [ ] If MAI primitives are introduced, adoption gate rationale is documented in PR notes.
diff --git a/docs/design-system-collaboration-map.html b/docs/design-system-collaboration-map.html
new file mode 100644
index 0000000..f76bbc4
--- /dev/null
+++ b/docs/design-system-collaboration-map.html
@@ -0,0 +1,359 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ShadCN x MAI x Universal Mapping</title>
+    <style>
+      :root {
+        --bg: #f6f4ef;
+        --bg-panel: #fffdf8;
+        --ink: #1c1a16;
+        --muted: #5f5a4f;
+        --line: #d6d0c2;
+        --primary: #0f5e59;
+        --primary-soft: #d9efec;
+        --accent: #c86f31;
+        --accent-soft: #f9e7da;
+        --warn: #934020;
+        --shadow: 0 14px 36px rgba(20, 16, 10, 0.08);
+        --radius-xl: 22px;
+        --radius-lg: 16px;
+        --radius-md: 12px;
+      }
+
+      * {
+        box-sizing: border-box;
+      }
+
+      body {
+        margin: 0;
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        color: var(--ink);
+        background:
+          radial-gradient(circle at 15% -10%, #efe7d8 0%, rgba(239, 231, 216, 0) 48%),
+          radial-gradient(circle at 90% 10%, #e3efe6 0%, rgba(227, 239, 230, 0) 42%),
+          var(--bg);
+      }
+
+      .page {
+        width: min(1180px, calc(100% - 32px));
+        margin: 28px auto 48px;
+      }
+
+      .hero {
+        background: linear-gradient(140deg, #fffdf8 0%, #fff8ed 100%);
+        border: 1px solid #efe7d8;
+        border-radius: var(--radius-xl);
+        box-shadow: var(--shadow);
+        padding: 28px;
+      }
+
+      .hero h1 {
+        margin: 0;
+        font-size: clamp(26px, 3.6vw, 40px);
+        letter-spacing: 0.2px;
+      }
+
+      .hero p {
+        margin: 10px 0 0;
+        color: var(--muted);
+        line-height: 1.6;
+      }
+
+      .legend {
+        margin-top: 14px;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10px;
+      }
+
+      .tag {
+        padding: 7px 12px;
+        border-radius: 999px;
+        font-size: 13px;
+        border: 1px solid var(--line);
+        background: #fff;
+      }
+
+      .tag.primary {
+        border-color: #b7dfda;
+        background: var(--primary-soft);
+        color: #0b4f4a;
+      }
+
+      .tag.accent {
+        border-color: #f2cfb8;
+        background: var(--accent-soft);
+        color: #84441d;
+      }
+
+      h2.section-title {
+        margin: 26px 4px 12px;
+        font-size: 21px;
+      }
+
+      .grid {
+        display: grid;
+        gap: 14px;
+      }
+
+      .three {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+
+      .card {
+        background: var(--bg-panel);
+        border: 1px solid var(--line);
+        border-radius: var(--radius-lg);
+        padding: 16px;
+      }
+
+      .card h3 {
+        margin: 0 0 6px;
+        font-size: 18px;
+      }
+
+      .card p {
+        margin: 0;
+        color: var(--muted);
+        line-height: 1.55;
+      }
+
+      .layer-card {
+        position: relative;
+        overflow: hidden;
+      }
+
+      .layer-card::after {
+        content: "";
+        position: absolute;
+        right: -24px;
+        top: -24px;
+        width: 110px;
+        height: 110px;
+        border-radius: 50%;
+        background: rgba(15, 94, 89, 0.09);
+      }
+
+      .mapping {
+        overflow: auto;
+        border: 1px solid var(--line);
+        border-radius: var(--radius-lg);
+        background: var(--bg-panel);
+      }
+
+      table {
+        width: 100%;
+        border-collapse: collapse;
+        min-width: 820px;
+      }
+
+      th,
+      td {
+        text-align: left;
+        padding: 12px 14px;
+        border-bottom: 1px solid #e7e1d3;
+        vertical-align: top;
+        line-height: 1.45;
+      }
+
+      th {
+        background: #fbf7ef;
+        font-size: 14px;
+      }
+
+      td:first-child,
+      th:first-child {
+        width: 180px;
+      }
+
+      .flow {
+        display: grid;
+        gap: 10px;
+      }
+
+      .flow-row {
+        display: grid;
+        grid-template-columns: 1fr auto 1fr auto 1fr;
+        gap: 10px;
+        align-items: center;
+      }
+
+      .flow-node {
+        background: var(--bg-panel);
+        border: 1px solid var(--line);
+        border-radius: var(--radius-md);
+        padding: 12px;
+      }
+
+      .flow-node strong {
+        display: block;
+        margin-bottom: 4px;
+      }
+
+      .arrow {
+        text-align: center;
+        color: var(--primary);
+        font-weight: 700;
+      }
+
+      .two {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+
+      .mode {
+        border-left: 4px solid var(--primary);
+      }
+
+      .mode h3 {
+        margin-bottom: 10px;
+      }
+
+      ul {
+        margin: 8px 0 0 18px;
+        padding: 0;
+        color: var(--muted);
+      }
+
+      li {
+        margin: 4px 0;
+      }
+
+      .footer-note {
+        margin-top: 14px;
+        color: #5d5340;
+        background: #fff3e2;
+        border: 1px solid #f2d7ae;
+        border-radius: var(--radius-md);
+        padding: 12px;
+      }
+
+      @media (max-width: 960px) {
+        .three,
+        .two {
+          grid-template-columns: 1fr;
+        }
+
+        .flow-row {
+          grid-template-columns: 1fr;
+        }
+
+        .arrow {
+          transform: rotate(90deg);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="page">
+      <section class="hero">
+        <h1>ShadCN x MAI x Universal 协作映射图</h1>
+        <p>
+          这张图回答一个核心问题：ShadCN 定义三层后，Universal 和 MAI 分别定义什么，以及三者如何协作。
+          你可以把它理解为：ShadCN 是骨架，Universal 是设计规则，MAI UI 是可选现成组件实现。
+        </p>
+        <div class="legend">
+          <span class="tag primary">ShadCN: 分层方法</span>
+          <span class="tag">Universal: 设计规则与 token</span>
+          <span class="tag accent">MAI UI: 组件实现加速器</span>
+        </div>
+      </section>
+
+      <h2 class="section-title">1) ShadCN 三层（方法层）</h2>
+      <section class="grid three">
+        <article class="card layer-card">
+          <h3>Token 层</h3>
+          <p>定义语义颜色、排版、间距、阴影、状态，回答“设计语言是什么”。</p>
+        </article>
+        <article class="card layer-card">
+          <h3>Primitive 层</h3>
+          <p>定义 Button/Input/Dialog 等基础组件，回答“交互和样式如何一致落地”。</p>
+        </article>
+        <article class="card layer-card">
+          <h3>业务层</h3>
+          <p>定义页面流程和业务状态，回答“具体功能逻辑是什么”。</p>
+        </article>
+      </section>
+
+      <h2 class="section-title">2) 三者映射关系</h2>
+      <section class="mapping">
+        <table>
+          <thead>
+            <tr>
+              <th>层级</th>
+              <th>ShadCN 定义</th>
+              <th>Universal 提供</th>
+              <th>MAI UI 提供</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><strong>Token 层</strong></td>
+              <td>层次和命名方法</td>
+              <td>强覆盖: 语义 token、light/dark、设计语言约束</td>
+              <td>依赖/消费 token（不是主规则源）</td>
+            </tr>
+            <tr>
+              <td><strong>Primitive 层</strong></td>
+              <td>组件分层和复用策略</td>
+              <td>中覆盖: 组件使用原则与风格边界</td>
+              <td>强覆盖: 现成 web components、属性、slot、状态行为</td>
+            </tr>
+            <tr>
+              <td><strong>业务层</strong></td>
+              <td>业务与 UI 解耦</td>
+              <td>弱覆盖: 仅给原则</td>
+              <td>弱覆盖: 组件不处理业务流</td>
+            </tr>
+          </tbody>
+        </table>
+      </section>
+
+      <h2 class="section-title">3) 协作流程（推荐）</h2>
+      <section class="flow">
+        <div class="flow-row">
+          <div class="flow-node">
+            <strong>Step A: Universal</strong>
+            先定 token 与设计规则（颜色、间距、状态、可访问性门槛）。
+          </div>
+          <div class="arrow">→</div>
+          <div class="flow-node">
+            <strong>Step B: ShadCN 方法</strong>
+            按 Token/Primitive/业务三层组织代码，防止逻辑样式耦合。
+          </div>
+          <div class="arrow">→</div>
+          <div class="flow-node">
+            <strong>Step C: MAI UI（可选）</strong>
+            标准场景直接复用 MAI 组件；高定制场景走自研 Primitive。
+          </div>
+        </div>
+      </section>
+
+      <h2 class="section-title">4) 两种落地模式</h2>
+      <section class="grid two">
+        <article class="card mode">
+          <h3>模式 A: Universal + 自研 Primitive（主推）</h3>
+          <ul>
+            <li>适合复杂弹窗、定制交互（如权限审批、多步模型配置）。</li>
+            <li>控制力强，回归定位清晰。</li>
+            <li>成本: 需要维护你自己的组件层。</li>
+          </ul>
+        </article>
+        <article class="card mode">
+          <h3>模式 B: Universal + MAI UI（加速）</h3>
+          <ul>
+            <li>适合标准表单/设置页/普通对话框。</li>
+            <li>开发速度快，一致性上手快。</li>
+            <li>风险: 不要强制套用到高定制场景。</li>
+          </ul>
+        </article>
+      </section>
+
+      <p class="footer-note">
+        实操建议: 先用 Universal 锁定 token 规则，再用 ShadCN 方法统一三层；MAI UI 只作为 Primitive
+        的“可插拔实现”，避免组件强匹配导致体验妥协。
+      </p>
+    </div>
+  </body>
+</html>
diff --git a/docs/frontend-dialog-governance.md b/docs/frontend-dialog-governance.md
new file mode 100644
index 0000000..367303b
--- /dev/null
+++ b/docs/frontend-dialog-governance.md
@@ -0,0 +1,86 @@
+# Frontend Dialog Governance
+
+## Purpose
+This document defines how dialog-like surfaces are implemented and evolved in the renderer.
+It enforces one Primitive source of truth and avoids mixed component systems.
+
+## 1. Primitive Source of Truth
+
+Decision:
+- `UiButton`, `UiInput`, `UiDialog` are the primary Primitive source for modal dialogs.
+- Dialog pages must not mix MAI UI primitives and local primitives as co-equal sources.
+
+Rules:
+- Use local primitives by default for dialog shell, primary/secondary actions, and text input controls.
+- Keep `MAI UI` as an optional accelerator only when the scenario is standard and fit is high.
+
+## 2. Layer Responsibilities
+
+- Token layer:
+  - Use semantic tokens from global theme variables.
+  - No hard-coded hex values in dialog components.
+
+- Primitive layer:
+  - `UiDialog` defines shell behavior and visual frame.
+  - `UiButton` and `UiInput` define action/input states.
+
+- Business layer:
+  - Business components own flow/state only (validation, async, provider logic, permission logic).
+
+## 3. MAI UI Adoption Gate
+
+A dialog is allowed to use MAI primitives only when all conditions are true:
+- MAI component coverage is >= 80% of needed behavior.
+- No custom keyboard/selection behavior needs to be overridden deeply.
+- Token mapping remains consistent with app semantic variables.
+- There is no duplicate primitive source on the same page.
+
+If any condition fails, use local primitives.
+
+## 4. Dialog Migration Priority
+
+Current order:
+1. `ModelSetupDialog` - already aligned with local primitive strategy.
+2. `SettingsView` Add/Edit custom model dialogs - deferred as explicit TODO (no implementation change in this PR).
+3. `Integrity` dialog in `App.vue` - keep stable now, migrate later.
+4. `PermissionDialog` - keep business-first structure, only token/consistency improvements.
+5. `UsagePanel` - treat as Drawer track; do not force-fit into dialog rules.
+
+## 5. Drawer Track (Separate)
+
+`UsagePanel` is a right drawer, not a modal dialog.
+- It follows token consistency and action/input primitives where useful.
+- Its shell behavior, layout, and animation are governed separately from `UiDialog`.
+- Introduce `UiDrawer` only when at least two drawer use cases exist.
+
+## 6. Definition of Done for Dialog Changes
+
+Every dialog change must pass:
+- Interaction consistency:
+  - expected close behavior (overlay/close button/escape) is explicit and tested.
+  - button hierarchy is clear (primary/secondary/destructive).
+- Accessibility baseline:
+  - keyboard reachable controls.
+  - visible focus states.
+  - meaningful aria labels where needed.
+- Token compliance:
+  - no new hard-coded visual values.
+  - state colors and surfaces use semantic vars.
+- Theme compatibility:
+  - light and dark themes are both checked.
+
+Use `docs/checklists/dialog-regression-checklist.md` for PR validation.
+
+## 7. Deferred Scope Notes
+
+Deferred in current PR:
+- `SettingsView` Add Custom Model dialog migration.
+- `SettingsView` Edit Custom Model dialog migration.
+
+Why deferred:
+- keep PR scope focused on existing primitive foundation and governance artifacts.
+- avoid mixing behavior changes with ongoing branch stabilization.
+
+Exit criteria for enabling this TODO:
+- local dev run is stable and regression checklist can be executed end-to-end.
+- explicit reviewer sign-off for dialog behavior parity (open/close, form submit, keyboard paths).