ci: add code check badges and coverage reports

2026-05-29 12:05:43 +09:00
parent c489c7c38f
commit a830242947
164 changed files with 9059 additions and 2012 deletions
--- a/devfront/biome.json
+++ b/devfront/biome.json
@@ -1,6 +1,4 @@
 {
-  "extends": ["../common/config/biome.base.json"],
-  "files": {
-    "ignore": [".vite"]
-  }
+  "root": true,
+  "extends": ["../common/config/biome.base.json"]
 }
--- a/devfront/package-lock.json
+++ b/devfront/package-lock.json
--- a/devfront/package.json
+++ b/devfront/package.json
@@ -12,22 +12,26 @@
    "lint": "biome check .",
    "preview": "vite preview",
    "test": "playwright test",
+    "test:coverage": "vitest run --coverage",
    "test:unit": "vitest run",
    "test:roles": "playwright test tests/devfront-role-switch-report.spec.ts",
    "test:ui": "playwright test --ui"
  },
  "devDependencies": {
+    "@biomejs/biome": "2.4.16",
    "@playwright/test": "^1.60.0",
    "@types/node": "^25.7.0",
    "@types/react": "^19.2.14",
    "@types/react-dom": "^19.2.3",
+    "@vitest/coverage-v8": "4.1.6",
    "@vitejs/plugin-react": "^6.0.1",
    "autoprefixer": "^10.5.0",
+    "jsdom": "^28.1.0",
    "postcss": "^8.5.14",
    "tailwindcss": "^3.4.19",
    "tailwindcss-animate": "^1.0.7",
    "typescript": "^6.0.3",
-    "vite": "^8.0.12",
+    "vite": "^8.0.14",
    "vitest": "^4.1.6"
  },
  "dependencies": {
--- a/devfront/pnpm-lock.yaml
+++ b/devfront/pnpm-lock.yaml
@@ -72,6 +72,9 @@ importers:
        specifier: ^4.4.3
        version: 4.4.3
    devDependencies:
+      '@biomejs/biome':
+        specifier: 2.4.16
+        version: 2.4.16
      '@playwright/test':
        specifier: ^1.60.0
        version: 1.60.0
@@ -87,9 +90,15 @@ importers:
      '@vitejs/plugin-react':
        specifier: ^6.0.1
        version: 6.0.1(vite@8.0.13(@types/node@25.7.0)(jiti@1.21.7))
+      '@vitest/coverage-v8':
+        specifier: 4.1.6
+        version: 4.1.6(vitest@4.1.6)
      autoprefixer:
        specifier: ^10.5.0
        version: 10.5.0(postcss@8.5.14)
+      jsdom:
+        specifier: ^28.1.0
+        version: 28.1.0
      postcss:
        specifier: ^8.5.14
        version: 8.5.14
@@ -107,14 +116,149 @@ importers:
        version: 8.0.13(@types/node@25.7.0)(jiti@1.21.7)
      vitest:
        specifier: ^4.1.6
-        version: 4.1.6(@types/node@25.7.0)(vite@8.0.13(@types/node@25.7.0)(jiti@1.21.7))
+        version: 4.1.6(@types/node@25.7.0)(@vitest/coverage-v8@4.1.6)(jsdom@28.1.0)(vite@8.0.13(@types/node@25.7.0)(jiti@1.21.7))

 packages:

+  '@acemir/cssom@0.9.31':
+    resolution: {integrity: sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==}
+
  '@alloc/quick-lru@5.2.0':
    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
    engines: {node: '>=10'}

+  '@asamuzakjp/css-color@5.1.11':
+    resolution: {integrity: sha512-KVw6qIiCTUQhByfTd78h2yD1/00waTmm9uy/R7Ck/ctUyAPj+AEDLkQIdJW0T8+qGgj3j5bpNKK7Q3G+LedJWg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  '@asamuzakjp/dom-selector@6.8.1':
+    resolution: {integrity: sha512-MvRz1nCqW0fsy8Qz4dnLIvhOlMzqDVBabZx6lH+YywFDdjXhMY37SmpV1XFX3JzG5GWHn63j6HX6QPr3lZXHvQ==}
+
+  '@asamuzakjp/generational-cache@1.0.1':
+    resolution: {integrity: sha512-wajfB8KqzMCN2KGNFdLkReeHncd0AslUSrvHVvvYWuU8ghncRJoA50kT3zP9MVL0+9g4/67H+cdvBskj9THPzg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  '@asamuzakjp/nwsapi@2.3.9':
+    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
+
+  '@babel/helper-string-parser@7.29.7':
+    resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.29.7':
+    resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.7':
+    resolution: {integrity: sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/types@7.29.7':
+    resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
+    engines: {node: '>=6.9.0'}
+
+  '@bcoe/v8-coverage@1.0.2':
+    resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
+    engines: {node: '>=18'}
+
+  '@biomejs/biome@2.4.16':
+    resolution: {integrity: sha512-x9ajFh1zChVybCiM3TN6OD4phAqLgtPZjFrZF+aTMYCPjwBO+k529TX7PPsAqtGNLeV4UgzwQnowEgS7bGmzcA==}
+    engines: {node: '>=14.21.3'}
+    hasBin: true
+
+  '@biomejs/cli-darwin-arm64@2.4.16':
+    resolution: {integrity: sha512-wxPvu4XOA85YJk9ixSWUmq/QBHbid85BISbOAqqBM/5xQpPk9ayjk5375tOlSC0BeCwNSbPFafQBm+vBumXq0A==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@biomejs/cli-darwin-x64@2.4.16':
+    resolution: {integrity: sha512-xFCqGPwYusQJp4N4NJLi1XJiZqjwFdjhT+KqtNy+Ug3qgfczqnTa6MSDvxJF6TkuDLoYJItMapz6tAf7kCekFw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@biomejs/cli-linux-arm64-musl@2.4.16':
+    resolution: {integrity: sha512-oYxnW0ARfJkr72ezzF2OR8N/rtkgLUQeYtF8cFhVswbknHxtTcmzSsanVJP8yQKnGpGpc2ck6c5zLvHahL6Cbg==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@biomejs/cli-linux-arm64@2.4.16':
+    resolution: {integrity: sha512-2kFb4//jxfZaP6D+Rj5VkHkxgyD9EoRAVBEQb8PKRv+s4NO2zYNJKXFaJmK1CmhufJOWEfpHKaRbOja7qjmdhQ==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@biomejs/cli-linux-x64-musl@2.4.16':
+    resolution: {integrity: sha512-iHDS+MCM65DPqWGu+ECC3uoALyj2H7F4nVUPxIPjz/PIl94EUu+EDfGZDzFP+NY1EOPVt9NQvwFqq7HdMmowdg==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@biomejs/cli-linux-x64@2.4.16':
+    resolution: {integrity: sha512-NbcBbi/nJqn5baae6wqRXdS7Gadf2uRpehSh6vMSYpG8OhkXl/Xg8aorWrJ+9VWqAT5ml90alLvorkpMW0nBwQ==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@biomejs/cli-win32-arm64@2.4.16':
+    resolution: {integrity: sha512-0rgImMsNb5v/chhkIFe3wu7PEFClS6RBAYUijGL9UsYN3PanSaoK24HSSuSJb1pYbYYVjzAyZTl3gtjJ84BM8A==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@biomejs/cli-win32-x64@2.4.16':
+    resolution: {integrity: sha512-Kp85jgoBHa05gix6UIRjfCDiUV3w/8VIdZ247VyyO2gEjaw12WEVhdIjlxp/AMzXxqxQwbxNTDVZ3Mwd2RG5rw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [win32]
+
+  '@bramus/specificity@2.4.2':
+    resolution: {integrity: sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==}
+    hasBin: true
+
+  '@csstools/color-helpers@6.0.2':
+    resolution: {integrity: sha512-LMGQLS9EuADloEFkcTBR3BwV/CGHV7zyDxVRtVDTwdI2Ca4it0CCVTT9wCkxSgokjE5Ho41hEPgb8OEUwoXr6Q==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/css-calc@3.2.1':
+    resolution: {integrity: sha512-DtdHlgXh5ZkA43cwBcAm+huzgJiwx3ZTWVjBs94kwz2xKqSimDA3lBgCjphYgwgVUMWatSM0pDd8TILB1yrVVg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-color-parser@4.1.1':
+    resolution: {integrity: sha512-eZ5XOtyhK+mggRafYUWzA0tvaYOFgdY8AkgQiCJF9qNAePnUo/zmsqqYubBBb3sQ8uNUaSKTY9s9klfRaAXL0g==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-parser-algorithms@4.0.0':
+    resolution: {integrity: sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.4':
+    resolution: {integrity: sha512-wgsqt92b7C7tQhIdPNxj0n9zuUbQlvAuI1exyzeNrOKOi62SD7ren8zqszmpVREjAOqg8cD2FqYhQfAuKjk4sw==}
+    peerDependencies:
+      css-tree: ^3.2.1
+    peerDependenciesMeta:
+      css-tree:
+        optional: true
+
+  '@csstools/css-tokenizer@4.0.0':
+    resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
+    engines: {node: '>=20.19.0'}
+
  '@emnapi/core@1.10.0':
    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}

@@ -124,6 +268,15 @@ packages:
  '@emnapi/wasi-threads@1.2.1':
    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}

+  '@exodus/bytes@1.15.1':
+    resolution: {integrity: sha512-S6mL0yNB/Abt9Ei4tq8gDhcczc4S3+vQ4ra7vxnAf+YHC02srtqxKKZghx2Dq6p0e66THKwR6r8N6P95wEty7Q==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      '@noble/hashes': ^1.8.0 || ^2.0.0
+    peerDependenciesMeta:
+      '@noble/hashes':
+        optional: true
+
  '@floating-ui/core@1.7.5':
    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}

@@ -731,6 +884,15 @@ packages:
      babel-plugin-react-compiler:
        optional: true

+  '@vitest/coverage-v8@4.1.6':
+    resolution: {integrity: sha512-36l628fQ/9a/8ihy97eOtEnvWQEdqULQOJtcaxtoNq0G1w3Mxd4szSahOaMM9/NGyZ+hyKcMtIW/WIxq0XQViQ==}
+    peerDependencies:
+      '@vitest/browser': 4.1.6
+      vitest: 4.1.6
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+
  '@vitest/expect@4.1.6':
    resolution: {integrity: sha512-7EHDquPthALSV0jhhjgEW8FXaviMx7rSqu8W6oqCoAuOhKov814P99QDV1pxMA3QPv21YudvJngIhjrNI4opLg==}

@@ -764,6 +926,10 @@ packages:
    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
    engines: {node: '>= 6.0.0'}

+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
  any-promise@1.3.0:
    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}

@@ -782,6 +948,9 @@ packages:
    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
    engines: {node: '>=12'}

+  ast-v8-to-istanbul@1.0.2:
+    resolution: {integrity: sha512-dKmJxJsGItLmc5CYZKuEjuG6GnBs6PG4gohMhyFOWKaNQoYCuRZJDECaBlHmcG0lv2wc2E0uU8lESmBEumC3DQ==}
+
  asynckit@0.4.0:
    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}

@@ -800,6 +969,9 @@ packages:
    engines: {node: '>=6.0.0'}
    hasBin: true

+  bidi-js@1.0.3:
+    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
+
  binary-extensions@2.3.0:
    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
    engines: {node: '>=8'}
@@ -854,14 +1026,26 @@ packages:
    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
    engines: {node: '>=18'}

+  css-tree@3.2.1:
+    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
  cssesc@3.0.0:
    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
    engines: {node: '>=4'}
    hasBin: true

+  cssstyle@6.2.0:
+    resolution: {integrity: sha512-Fm5NvhYathRnXNVndkUsCCuR63DCLVVwGOOwQw782coXFi5HhkXdu289l59HlXZBawsyNccXfWRYvLzcDCdDig==}
+    engines: {node: '>=20'}
+
  csstype@3.2.3:
    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}

+  data-urls@7.0.0:
+    resolution: {integrity: sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
  debug@4.4.3:
    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
    engines: {node: '>=6.0'}
@@ -871,6 +1055,9 @@ packages:
      supports-color:
        optional: true

+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
  delayed-stream@1.0.0:
    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
    engines: {node: '>=0.4.0'}
@@ -895,6 +1082,10 @@ packages:
  electron-to-chromium@1.5.355:
    resolution: {integrity: sha512-LUPZhKzZPYSPme1jEYohpkA+ybYCJztr1quAdBd7E7h3+VOBVcKkwwtBJu41nrjawrRzfb8mtMfzWozoaK0ZIQ==}

+  entities@8.0.0:
+    resolution: {integrity: sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==}
+    engines: {node: '>=20.19.0'}
+
  es-define-property@1.0.1:
    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
    engines: {node: '>= 0.4'}
@@ -998,6 +1189,10 @@ packages:
    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
    engines: {node: '>= 0.4'}

+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
  has-symbols@1.1.0:
    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
    engines: {node: '>= 0.4'}
@@ -1010,10 +1205,25 @@ packages:
    resolution: {integrity: sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==}
    engines: {node: '>= 0.4'}

+  html-encoding-sniffer@6.0.0:
+    resolution: {integrity: sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  html-escaper@2.0.2:
+    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
  https-proxy-agent@5.0.1:
    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
    engines: {node: '>= 6'}

+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
  is-binary-path@2.1.0:
    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
    engines: {node: '>=8'}
@@ -1034,10 +1244,37 @@ packages:
    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
    engines: {node: '>=0.12.0'}

+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  istanbul-lib-coverage@3.2.2:
+    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
+    engines: {node: '>=8'}
+
+  istanbul-lib-report@3.0.1:
+    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
+    engines: {node: '>=10'}
+
+  istanbul-reports@3.2.0:
+    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
+    engines: {node: '>=8'}
+
  jiti@1.21.7:
    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
    hasBin: true

+  js-tokens@10.0.0:
+    resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==}
+
+  jsdom@28.1.0:
+    resolution: {integrity: sha512-0+MoQNYyr2rBHqO1xilltfDjV9G7ymYGlAUazgcDLQaUf8JDHbuGwsxN6U9qWaElZ4w1B2r7yEGIL3GdeW3Rug==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
  jwt-decode@4.0.0:
    resolution: {integrity: sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==}
    engines: {node: '>=18'}
@@ -1123,6 +1360,10 @@ packages:
  lines-and-columns@1.2.4:
    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}

+  lru-cache@11.5.1:
+    resolution: {integrity: sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==}
+    engines: {node: 20 || >=22}
+
  lucide-react@1.14.0:
    resolution: {integrity: sha512-+1mdWcfSJVUsaTIjN9zoezmUhfXo5l0vP7ekBMPo3jcS/aIkxHnXqAPsByszMZx/Y8oQBRJxJx5xg+RH3urzxA==}
    peerDependencies:
@@ -1131,10 +1372,20 @@ packages:
  magic-string@0.30.21:
    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}

+  magicast@0.5.3:
+    resolution: {integrity: sha512-pVKE4UdSQ7DvHzivsCIFx2BJn1mHG6KsyrFcaxFx6tONdneEuThrDx0Cj3AMg58KyN4pzYT+LHOotxDQDjNvkw==}
+
+  make-dir@4.0.0:
+    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
+    engines: {node: '>=10'}
+
  math-intrinsics@1.1.0:
    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
    engines: {node: '>= 0.4'}

+  mdn-data@2.27.1:
+    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
+
  merge2@1.4.1:
    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
    engines: {node: '>= 8'}
@@ -1184,6 +1435,9 @@ packages:
    resolution: {integrity: sha512-l2q8l9CTCTOlbX+AnK4p3M+4CEpKpyQhle6blQkdFhm0IsBqsxm15bYaSa11G7pWdsYr6epdsRZxJpCyCRbT8A==}
    engines: {node: '>=18'}

+  parse5@8.0.1:
+    resolution: {integrity: sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==}
+
  path-parse@1.0.7:
    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}

@@ -1270,6 +1524,10 @@ packages:
    resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
    engines: {node: '>=10'}

+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
  queue-microtask@1.2.3:
    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}

@@ -1349,6 +1607,10 @@ packages:
    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
    engines: {node: '>=8.10.0'}

+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
  resolve@1.22.12:
    resolution: {integrity: sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==}
    engines: {node: '>= 0.4'}
@@ -1366,9 +1628,18 @@ packages:
  run-parallel@1.2.0:
    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}

+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
  scheduler@0.27.0:
    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}

+  semver@7.8.1:
+    resolution: {integrity: sha512-rkVq3IXh+4FDGch+KwzX3aV9W3kO54GyEgpvBzSyctDA6Xtd7RJQV1xmXbeQp5v7+VzLOfVqiutSE6GICgPFvg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
  set-cookie-parser@2.7.2:
    resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}

@@ -1390,10 +1661,17 @@ packages:
    engines: {node: '>=16 || 14 >=14.17'}
    hasBin: true

+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
  supports-preserve-symlinks-flag@1.0.0:
    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
    engines: {node: '>= 0.4'}

+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
  tailwind-merge@3.6.0:
    resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}

@@ -1429,10 +1707,25 @@ packages:
    resolution: {integrity: sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==}
    engines: {node: '>=14.0.0'}

+  tldts-core@7.4.0:
+    resolution: {integrity: sha512-/mb9kRld+x1sIMXxWNOAp5m6C+D4GrAORWlJkOJ5dElvxdN1eutz/o7qHLp9gFvDF4Y3/L2xeScoxz6AbEo8rQ==}
+
+  tldts@7.4.0:
+    resolution: {integrity: sha512-yHBe+zVfzNZ3QfTPW/Z6KK1G2t340gFjMHqI/4KKSt/abzYydzuCnpqdaF5gCCABby+9Yfbj59oR5F2Fd5CBzg==}
+    hasBin: true
+
  to-regex-range@5.0.1:
    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
    engines: {node: '>=8.0'}

+  tough-cookie@6.0.1:
+    resolution: {integrity: sha512-LktZQb3IeoUWB9lqR5EWTHgW/VTITCXg4D21M+lvybRVdylLrRMnqaIONLVb5mav8vM19m44HIcGq4qASeu2Qw==}
+    engines: {node: '>=16'}
+
+  tr46@6.0.0:
+    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
+    engines: {node: '>=20'}
+
  ts-interface-checker@0.1.13:
    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}

@@ -1447,6 +1740,10 @@ packages:
  undici-types@7.21.0:
    resolution: {integrity: sha512-w9IMgQrz4O0YN1LtB7K5P63vhlIOvC7opSmouCJ+ZywlPAlO9gIkJ+otk6LvGpAs2wg4econaCz3TvQ9xPoyuQ==}

+  undici@7.26.0:
+    resolution: {integrity: sha512-3O9Tf67pGhgOv9jM35AbhkXAKi13f3oy3aE4CSgr+TckGeY+/iu97ZXN+J7DpHPzLbVApFd1IFhcnBjREYXYcg==}
+    engines: {node: '>=20.18.1'}
+
  update-browserslist-db@1.2.3:
    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
    hasBin: true
@@ -1565,18 +1862,141 @@ packages:
      jsdom:
        optional: true

+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  webidl-conversions@8.0.1:
+    resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
+    engines: {node: '>=20'}
+
+  whatwg-mimetype@5.0.0:
+    resolution: {integrity: sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==}
+    engines: {node: '>=20'}
+
+  whatwg-url@16.0.1:
+    resolution: {integrity: sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
  why-is-node-running@2.3.0:
    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
    engines: {node: '>=8'}
    hasBin: true

+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
  zod@4.4.3:
    resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}

 snapshots:

+  '@acemir/cssom@0.9.31': {}
+
  '@alloc/quick-lru@5.2.0': {}

+  '@asamuzakjp/css-color@5.1.11':
+    dependencies:
+      '@asamuzakjp/generational-cache': 1.0.1
+      '@csstools/css-calc': 3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-color-parser': 4.1.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@asamuzakjp/dom-selector@6.8.1':
+    dependencies:
+      '@asamuzakjp/nwsapi': 2.3.9
+      bidi-js: 1.0.3
+      css-tree: 3.2.1
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.5.1
+
+  '@asamuzakjp/generational-cache@1.0.1': {}
+
+  '@asamuzakjp/nwsapi@2.3.9': {}
+
+  '@babel/helper-string-parser@7.29.7': {}
+
+  '@babel/helper-validator-identifier@7.29.7': {}
+
+  '@babel/parser@7.29.7':
+    dependencies:
+      '@babel/types': 7.29.7
+
+  '@babel/types@7.29.7':
+    dependencies:
+      '@babel/helper-string-parser': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+
+  '@bcoe/v8-coverage@1.0.2': {}
+
+  '@biomejs/biome@2.4.16':
+    optionalDependencies:
+      '@biomejs/cli-darwin-arm64': 2.4.16
+      '@biomejs/cli-darwin-x64': 2.4.16
+      '@biomejs/cli-linux-arm64': 2.4.16
+      '@biomejs/cli-linux-arm64-musl': 2.4.16
+      '@biomejs/cli-linux-x64': 2.4.16
+      '@biomejs/cli-linux-x64-musl': 2.4.16
+      '@biomejs/cli-win32-arm64': 2.4.16
+      '@biomejs/cli-win32-x64': 2.4.16
+
+  '@biomejs/cli-darwin-arm64@2.4.16':
+    optional: true
+
+  '@biomejs/cli-darwin-x64@2.4.16':
+    optional: true
+
+  '@biomejs/cli-linux-arm64-musl@2.4.16':
+    optional: true
+
+  '@biomejs/cli-linux-arm64@2.4.16':
+    optional: true
+
+  '@biomejs/cli-linux-x64-musl@2.4.16':
+    optional: true
+
+  '@biomejs/cli-linux-x64@2.4.16':
+    optional: true
+
+  '@biomejs/cli-win32-arm64@2.4.16':
+    optional: true
+
+  '@biomejs/cli-win32-x64@2.4.16':
+    optional: true
+
+  '@bramus/specificity@2.4.2':
+    dependencies:
+      css-tree: 3.2.1
+
+  '@csstools/color-helpers@6.0.2': {}
+
+  '@csstools/css-calc@3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-color-parser@4.1.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/color-helpers': 6.0.2
+      '@csstools/css-calc': 3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.4(css-tree@3.2.1)':
+    optionalDependencies:
+      css-tree: 3.2.1
+
+  '@csstools/css-tokenizer@4.0.0': {}
+
  '@emnapi/core@1.10.0':
    dependencies:
      '@emnapi/wasi-threads': 1.2.1
@@ -1593,6 +2013,8 @@ snapshots:
      tslib: 2.8.1
    optional: true

+  '@exodus/bytes@1.15.1': {}
+
  '@floating-ui/core@1.7.5':
    dependencies:
      '@floating-ui/utils': 0.2.11
@@ -2132,6 +2554,20 @@ snapshots:
      '@rolldown/pluginutils': 1.0.0-rc.7
      vite: 8.0.13(@types/node@25.7.0)(jiti@1.21.7)

+  '@vitest/coverage-v8@4.1.6(vitest@4.1.6)':
+    dependencies:
+      '@bcoe/v8-coverage': 1.0.2
+      '@vitest/utils': 4.1.6
+      ast-v8-to-istanbul: 1.0.2
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-report: 3.0.1
+      istanbul-reports: 3.2.0
+      magicast: 0.5.3
+      obug: 2.1.1
+      std-env: 4.1.0
+      tinyrainbow: 3.1.0
+      vitest: 4.1.6(@types/node@25.7.0)(@vitest/coverage-v8@4.1.6)(jsdom@28.1.0)(vite@8.0.13(@types/node@25.7.0)(jiti@1.21.7))
+
  '@vitest/expect@4.1.6':
    dependencies:
      '@standard-schema/spec': 1.1.0
@@ -2179,6 +2615,8 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  agent-base@7.1.4: {}
+
  any-promise@1.3.0: {}

  anymatch@3.1.3:
@@ -2194,6 +2632,12 @@ snapshots:

  assertion-error@2.0.1: {}

+  ast-v8-to-istanbul@1.0.2:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      estree-walker: 3.0.3
+      js-tokens: 10.0.0
+
  asynckit@0.4.0: {}

  autoprefixer@10.5.0(postcss@8.5.14):
@@ -2217,6 +2661,10 @@ snapshots:

  baseline-browser-mapping@2.10.29: {}

+  bidi-js@1.0.3:
+    dependencies:
+      require-from-string: 2.0.2
+
  binary-extensions@2.3.0: {}

  braces@3.0.3:
@@ -2270,14 +2718,35 @@ snapshots:

  cookie@1.1.1: {}

+  css-tree@3.2.1:
+    dependencies:
+      mdn-data: 2.27.1
+      source-map-js: 1.2.1
+
  cssesc@3.0.0: {}

+  cssstyle@6.2.0:
+    dependencies:
+      '@asamuzakjp/css-color': 5.1.11
+      '@csstools/css-syntax-patches-for-csstree': 1.1.4(css-tree@3.2.1)
+      css-tree: 3.2.1
+      lru-cache: 11.5.1
+
  csstype@3.2.3: {}

+  data-urls@7.0.0:
+    dependencies:
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 16.0.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
  debug@4.4.3:
    dependencies:
      ms: 2.1.3

+  decimal.js@10.6.0: {}
+
  delayed-stream@1.0.0: {}

  detect-libc@2.1.2: {}
@@ -2296,6 +2765,8 @@ snapshots:

  electron-to-chromium@1.5.355: {}

+  entities@8.0.0: {}
+
  es-define-property@1.0.1: {}

  es-errors@1.3.0: {}
@@ -2391,6 +2862,8 @@ snapshots:

  gopd@1.2.0: {}

+  has-flag@4.0.0: {}
+
  has-symbols@1.1.0: {}

  has-tostringtag@1.0.2:
@@ -2401,6 +2874,21 @@ snapshots:
    dependencies:
      function-bind: 1.1.2

+  html-encoding-sniffer@6.0.0:
+    dependencies:
+      '@exodus/bytes': 1.15.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  html-escaper@2.0.2: {}
+
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
  https-proxy-agent@5.0.1:
    dependencies:
      agent-base: 6.0.2
@@ -2408,6 +2896,13 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
  is-binary-path@2.1.0:
    dependencies:
      binary-extensions: 2.3.0
@@ -2424,8 +2919,52 @@ snapshots:

  is-number@7.0.0: {}

+  is-potential-custom-element-name@1.0.1: {}
+
+  istanbul-lib-coverage@3.2.2: {}
+
+  istanbul-lib-report@3.0.1:
+    dependencies:
+      istanbul-lib-coverage: 3.2.2
+      make-dir: 4.0.0
+      supports-color: 7.2.0
+
+  istanbul-reports@3.2.0:
+    dependencies:
+      html-escaper: 2.0.2
+      istanbul-lib-report: 3.0.1
+
  jiti@1.21.7: {}

+  js-tokens@10.0.0: {}
+
+  jsdom@28.1.0:
+    dependencies:
+      '@acemir/cssom': 0.9.31
+      '@asamuzakjp/dom-selector': 6.8.1
+      '@bramus/specificity': 2.4.2
+      '@exodus/bytes': 1.15.1
+      cssstyle: 6.2.0
+      data-urls: 7.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 6.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      parse5: 8.0.1
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 6.0.1
+      undici: 7.26.0
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 8.0.1
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 16.0.1
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+      - supports-color
+
  jwt-decode@4.0.0: {}

  lightningcss-android-arm64@1.32.0:
@@ -2481,6 +3020,8 @@ snapshots:

  lines-and-columns@1.2.4: {}

+  lru-cache@11.5.1: {}
+
  lucide-react@1.14.0(react@19.2.6):
    dependencies:
      react: 19.2.6
@@ -2489,8 +3030,20 @@ snapshots:
    dependencies:
      '@jridgewell/sourcemap-codec': 1.5.5

+  magicast@0.5.3:
+    dependencies:
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
+      source-map-js: 1.2.1
+
+  make-dir@4.0.0:
+    dependencies:
+      semver: 7.8.1
+
  math-intrinsics@1.1.0: {}

+  mdn-data@2.27.1: {}
+
  merge2@1.4.1: {}

  micromatch@4.0.8:
@@ -2528,6 +3081,10 @@ snapshots:
    dependencies:
      jwt-decode: 4.0.0

+  parse5@8.0.1:
+    dependencies:
+      entities: 8.0.0
+
  path-parse@1.0.7: {}

  pathe@2.0.3: {}
@@ -2589,6 +3146,8 @@ snapshots:

  proxy-from-env@2.1.0: {}

+  punycode@2.3.1: {}
+
  queue-microtask@1.2.3: {}

  react-dom@19.2.6(react@19.2.6):
@@ -2656,6 +3215,8 @@ snapshots:
    dependencies:
      picomatch: 2.3.2

+  require-from-string@2.0.2: {}
+
  resolve@1.22.12:
    dependencies:
      es-errors: 1.3.0
@@ -2690,8 +3251,14 @@ snapshots:
    dependencies:
      queue-microtask: 1.2.3

+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
  scheduler@0.27.0: {}

+  semver@7.8.1: {}
+
  set-cookie-parser@2.7.2: {}

  siginfo@2.0.0: {}
@@ -2712,8 +3279,14 @@ snapshots:
      tinyglobby: 0.2.16
      ts-interface-checker: 0.1.13

+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
  supports-preserve-symlinks-flag@1.0.0: {}

+  symbol-tree@3.2.4: {}
+
  tailwind-merge@3.6.0: {}

  tailwindcss-animate@1.0.7(tailwindcss@3.4.19):
@@ -2767,10 +3340,24 @@ snapshots:

  tinyrainbow@3.1.0: {}

+  tldts-core@7.4.0: {}
+
+  tldts@7.4.0:
+    dependencies:
+      tldts-core: 7.4.0
+
  to-regex-range@5.0.1:
    dependencies:
      is-number: 7.0.0

+  tough-cookie@6.0.1:
+    dependencies:
+      tldts: 7.4.0
+
+  tr46@6.0.0:
+    dependencies:
+      punycode: 2.3.1
+
  ts-interface-checker@0.1.13: {}

  tslib@2.8.1: {}
@@ -2779,6 +3366,8 @@ snapshots:

  undici-types@7.21.0: {}

+  undici@7.26.0: {}
+
  update-browserslist-db@1.2.3(browserslist@4.28.2):
    dependencies:
      browserslist: 4.28.2
@@ -2818,7 +3407,7 @@ snapshots:
      fsevents: 2.3.3
      jiti: 1.21.7

-  vitest@4.1.6(@types/node@25.7.0)(vite@8.0.13(@types/node@25.7.0)(jiti@1.21.7)):
+  vitest@4.1.6(@types/node@25.7.0)(@vitest/coverage-v8@4.1.6)(jsdom@28.1.0)(vite@8.0.13(@types/node@25.7.0)(jiti@1.21.7)):
    dependencies:
      '@vitest/expect': 4.1.6
      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(jiti@1.21.7))
@@ -2842,12 +3431,34 @@ snapshots:
      why-is-node-running: 2.3.0
    optionalDependencies:
      '@types/node': 25.7.0
+      '@vitest/coverage-v8': 4.1.6(vitest@4.1.6)
+      jsdom: 28.1.0
    transitivePeerDependencies:
      - msw

+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  webidl-conversions@8.0.1: {}
+
+  whatwg-mimetype@5.0.0: {}
+
+  whatwg-url@16.0.1:
+    dependencies:
+      '@exodus/bytes': 1.15.1
+      tr46: 6.0.0
+      webidl-conversions: 8.0.1
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
  why-is-node-running@2.3.0:
    dependencies:
      siginfo: 2.0.0
      stackback: 0.0.2

+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
  zod@4.4.3: {}
--- a/devfront/src/app/routes.tsx
+++ b/devfront/src/app/routes.tsx
@@ -1,4 +1,4 @@
-import { type RouteObject, createBrowserRouter } from "react-router-dom";
+import { createBrowserRouter, type RouteObject } from "react-router-dom";
 import AppLayout from "../components/layout/AppLayout";
 import AuditLogsPage from "../features/audit/AuditLogsPage";
 import AuthCallbackPage from "../features/auth/AuthCallbackPage";
--- a/devfront/src/components/layout/AppLayout.tsx
+++ b/devfront/src/components/layout/AppLayout.tsx
@@ -15,13 +15,13 @@ import { useAuth } from "react-oidc-context";
 import { NavLink, Outlet, useLocation, useNavigate } from "react-router-dom";
 import {
  AppSidebar,
-  type ShellSidebarNavItem,
-  type ShellTranslator,
  applyShellTheme,
  buildShellProfileSummary,
  buildShellSessionStatus,
  readShellSessionExpiryEnabled,
  readShellTheme,
+  type ShellSidebarNavItem,
+  type ShellTranslator,
  shellLayoutClasses,
  writeShellSessionExpiryEnabled,
 } from "../../../../common/shell";
@@ -156,9 +156,12 @@ function AppLayout() {
    window.addEventListener(LOCALE_CHANGED_EVENT, rerenderDevelopmentShell);

    return () => {
-      window.removeEventListener(LOCALE_CHANGED_EVENT, rerenderDevelopmentShell);
+      window.removeEventListener(
+        LOCALE_CHANGED_EVENT,
+        rerenderDevelopmentShell,
+      );
    };
-  }, [isDevelopmentRuntime]);
+  }, []);

  useEffect(() => {
    const handleClickOutside = (event: MouseEvent) => {
@@ -271,7 +274,6 @@ function AppLayout() {
    auth.isAuthenticated,
    auth.isLoading,
    auth.user?.expires_at,
-    isDevelopmentRuntime,
    isSessionExpiryEnabled,
  ]);

@@ -481,7 +483,10 @@ function AppLayout() {
                      <div className="flex items-center justify-between gap-3">
                        <div>
                          <p className="text-sm font-medium text-foreground">
-                            {t("ui.shell.session.auto_extend", "Session expiry")}
+                            {t(
+                              "ui.shell.session.auto_extend",
+                              "Session expiry",
+                            )}
                          </p>
                          <p className="text-xs text-muted-foreground">
                            {isSessionExpiryEnabled ? (
--- a/devfront/src/components/ui/avatar.tsx
+++ b/devfront/src/components/ui/avatar.tsx
@@ -44,4 +44,4 @@ const AvatarFallback = React.forwardRef<
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;

-export { Avatar, AvatarImage, AvatarFallback };
+export { Avatar, AvatarFallback, AvatarImage };
--- a/devfront/src/components/ui/card.tsx
+++ b/devfront/src/components/ui/card.tsx
@@ -50,9 +50,9 @@ function CardFooter({

 export {
  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
  CardHeader,
  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
 };
--- a/devfront/src/components/ui/table.tsx
+++ b/devfront/src/components/ui/table.tsx
@@ -92,11 +92,11 @@ TableCaption.displayName = "TableCaption";

 export {
  Table,
-  TableHeader,
  TableBody,
+  TableCaption,
+  TableCell,
  TableFooter,
  TableHead,
+  TableHeader,
  TableRow,
-  TableCell,
-  TableCaption,
 };
--- a/devfront/src/features/auth/LoginPage.tsx
+++ b/devfront/src/features/auth/LoginPage.tsx
@@ -1,8 +1,7 @@
 import { AlertTriangle, ExternalLink, LogIn, ShieldHalf } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useAuth } from "react-oidc-context";
-import { useNavigate } from "react-router-dom";
-import { useSearchParams } from "react-router-dom";
+import { useNavigate, useSearchParams } from "react-router-dom";
 import { Button } from "../../components/ui/button";
 import {
  Card,
--- a/devfront/src/features/clients/ClientGeneralPage.tsx
+++ b/devfront/src/features/clients/ClientGeneralPage.tsx
@@ -14,7 +14,7 @@ import {
  Upload,
  X,
 } from "lucide-react";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useAuth } from "react-oidc-context";
 import { Link, useNavigate, useParams } from "react-router-dom";
 import { PageHeader } from "../../../../common/core/components/page";
@@ -32,6 +32,13 @@ import { Label } from "../../components/ui/label";
 import { Switch } from "../../components/ui/switch";
 import { Textarea } from "../../components/ui/textarea";
 import { toast } from "../../components/ui/use-toast";
+import type {
+  ClientStatus,
+  ClientType,
+  ClientUpsertRequest,
+  MyTenantSummary,
+  TenantSummary,
+} from "../../lib/devApi";
 import {
  type ClientRelation,
  createClient,
@@ -44,13 +51,6 @@ import {
  updateClient,
  updateClientStatus,
 } from "../../lib/devApi";
-import type {
-  ClientStatus,
-  ClientType,
-  ClientUpsertRequest,
-  MyTenantSummary,
-  TenantSummary,
-} from "../../lib/devApi";
 import { t } from "../../lib/i18n";
 import { resolveProfileRole } from "../../lib/role";
 import { cn } from "../../lib/utils";
@@ -408,6 +408,59 @@ function ClientGeneralPage() {
  ]);
  const [idTokenClaims, setIdTokenClaims] = useState<IdTokenClaimItem[]>([]);

+  const tenantScopeDescription = t(
+    "msg.dev.clients.scopes.tenant",
+    "소속 테넌트 정보 접근",
+  );
+
+  const buildTenantScope = useCallback(
+    (id: string): ScopeItem => ({
+      id,
+      name: "tenant",
+      description: tenantScopeDescription,
+      mandatory: true,
+      locked: true,
+    }),
+    [tenantScopeDescription],
+  );
+
+  const normalizeScopesForTenantAccess = useCallback(
+    (nextScopes: ScopeItem[], restricted: boolean): ScopeItem[] => {
+      const normalized = nextScopes.map((scope) => {
+        if (scope.name.trim() !== "tenant") {
+          return scope;
+        }
+        return {
+          ...scope,
+          description: scope.description || tenantScopeDescription,
+          mandatory: restricted,
+          locked: restricted,
+        };
+      });
+
+      if (
+        restricted &&
+        !normalized.some((scope) => scope.name.trim() === "tenant")
+      ) {
+        normalized.push(buildTenantScope(`tenant-${Date.now()}`));
+      }
+
+      const openidScopes = normalized.filter(
+        (scope) => scope.name.trim() === "openid",
+      );
+      const tenantScopes = normalized.filter(
+        (scope) => scope.name.trim() === "tenant",
+      );
+      const remainingScopes = normalized.filter((scope) => {
+        const name = scope.name.trim();
+        return name !== "openid" && name !== "tenant";
+      });
+
+      return [...openidScopes, ...tenantScopes, ...remainingScopes];
+    },
+    [buildTenantScope, tenantScopeDescription],
+  );
+
  useEffect(() => {
    if (!data) return;
    const { client } = data;
@@ -511,7 +564,7 @@ function ClientGeneralPage() {
      );
    }
    setIdTokenClaims(readIdTokenClaimsMetadata(metadata));
-  }, [data]);
+  }, [data, normalizeScopesForTenantAccess]);

  const securityProfile: SecurityProfile =
    clientType === "pkce" ? "pkce" : "private";
@@ -574,56 +627,6 @@ function ClientGeneralPage() {
    }
  };

-  const tenantScopeDescription = t(
-    "msg.dev.clients.scopes.tenant",
-    "소속 테넌트 정보 접근",
-  );
-
-  const buildTenantScope = (id: string): ScopeItem => ({
-    id,
-    name: "tenant",
-    description: tenantScopeDescription,
-    mandatory: true,
-    locked: true,
-  });
-
-  function normalizeScopesForTenantAccess(
-    nextScopes: ScopeItem[],
-    restricted: boolean,
-  ): ScopeItem[] {
-    const normalized = nextScopes.map((scope) => {
-      if (scope.name.trim() !== "tenant") {
-        return scope;
-      }
-      return {
-        ...scope,
-        description: scope.description || tenantScopeDescription,
-        mandatory: restricted,
-        locked: restricted,
-      };
-    });
-
-    if (
-      restricted &&
-      !normalized.some((scope) => scope.name.trim() === "tenant")
-    ) {
-      normalized.push(buildTenantScope(`tenant-${Date.now()}`));
-    }
-
-    const openidScopes = normalized.filter(
-      (scope) => scope.name.trim() === "openid",
-    );
-    const tenantScopes = normalized.filter(
-      (scope) => scope.name.trim() === "tenant",
-    );
-    const remainingScopes = normalized.filter((scope) => {
-      const name = scope.name.trim();
-      return name !== "openid" && name !== "tenant";
-    });
-
-    return [...openidScopes, ...tenantScopes, ...remainingScopes];
-  }
-
  const handleTenantAccessToggle = (enabled: boolean) => {
    setTenantAccessRestricted(enabled);
    setIsTenantSearchOpen(enabled);
@@ -2307,7 +2310,7 @@ function ClientGeneralPage() {
              </span>

              {securityProfile === "private" && (
-                <div
+                <fieldset
                  className="mt-4 flex items-center justify-between border-t border-primary/20 pt-4"
                  onClick={(e) => e.stopPropagation()}
                  onKeyDown={(e) => e.stopPropagation()}
@@ -2335,7 +2338,7 @@ function ClientGeneralPage() {
                    onCheckedChange={handleHeadlessToggle}
                    disabled={isGeneralSettingsReadOnly}
                  />
-                </div>
+                </fieldset>
              )}
            </label>

@@ -2674,104 +2677,102 @@ function ClientGeneralPage() {
                      </div>
                      {currentHeadlessJwksCache.parsedKeys?.length ? (
                        <div className="space-y-3">
-                          {currentHeadlessJwksCache.parsedKeys.map(
-                            (key, index) => {
-                              const normalizedAlgorithm = key.alg?.trim() ?? "";
-                              const isMissingAlgorithm =
-                                normalizedAlgorithm === "";
-                              const isUnsupportedAlgorithm =
-                                !isMissingAlgorithm &&
-                                !HEADLESS_LOGIN_ALLOWED_ALGORITHM_SET.has(
-                                  normalizedAlgorithm,
-                                );
+                          {currentHeadlessJwksCache.parsedKeys.map((key) => {
+                            const normalizedAlgorithm = key.alg?.trim() ?? "";
+                            const isMissingAlgorithm =
+                              normalizedAlgorithm === "";
+                            const isUnsupportedAlgorithm =
+                              !isMissingAlgorithm &&
+                              !HEADLESS_LOGIN_ALLOWED_ALGORITHM_SET.has(
+                                normalizedAlgorithm,
+                              );

-                              return (
-                                <div
-                                  key={`${key.kid || "key"}-${index}`}
-                                  className={cn(
-                                    "rounded-xl border bg-muted/30 p-3",
-                                    isUnsupportedAlgorithm || isMissingAlgorithm
-                                      ? "border-destructive/50 bg-destructive/5"
-                                      : "border-border",
-                                  )}
-                                >
-                                  <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
-                                    <div className="space-y-1">
-                                      <p className="text-[11px] font-semibold uppercase text-muted-foreground">
-                                        KID
-                                      </p>
-                                      <p className="break-all rounded-lg border border-border bg-background px-3 py-2 font-mono text-[11px]">
-                                        {key.kid || "-"}
-                                      </p>
-                                    </div>
-                                    <div className="space-y-1">
-                                      <p className="text-[11px] font-semibold uppercase text-muted-foreground">
-                                        KTY
-                                      </p>
-                                      <p className="break-all rounded-lg border border-border bg-background px-3 py-2 font-mono text-[11px]">
-                                        {key.kty || "-"}
-                                      </p>
-                                    </div>
-                                    <div className="space-y-1">
-                                      <p className="text-[11px] font-semibold uppercase text-muted-foreground">
-                                        USE
-                                      </p>
-                                      <p className="break-all rounded-lg border border-border bg-background px-3 py-2 font-mono text-[11px]">
-                                        {key.use || "-"}
-                                      </p>
-                                    </div>
-                                    <div className="space-y-1">
-                                      <p className="text-[11px] font-semibold uppercase text-muted-foreground">
-                                        ALG
-                                      </p>
-                                      <p
-                                        className={cn(
-                                          "break-all rounded-lg border bg-background px-3 py-2 font-mono text-[11px]",
-                                          isUnsupportedAlgorithm ||
-                                            isMissingAlgorithm
-                                            ? "border-destructive/50 text-destructive"
-                                            : "border-border",
-                                        )}
-                                      >
-                                        {key.alg ||
-                                          t(
-                                            "msg.dev.clients.general.public_key.cache.missing_algorithm_badge",
-                                            "알고리즘 미선언",
-                                          )}
-                                      </p>
-                                      {isMissingAlgorithm && (
-                                        <p className="text-[11px] text-destructive">
-                                          {t(
-                                            "msg.dev.clients.general.public_key.cache.missing_algorithm_reason",
-                                            "이 키는 `alg`가 비어 있어서 저장할 수 없습니다.",
-                                          )}
-                                        </p>
-                                      )}
-                                      {isUnsupportedAlgorithm && (
-                                        <p className="text-[11px] text-destructive">
-                                          {t(
-                                            "msg.dev.clients.general.public_key.cache.unsupported_algorithm_reason",
-                                            "이 알고리즘은 Headless Login에서 지원되지 않습니다.",
-                                          )}
-                                        </p>
-                                      )}
-                                    </div>
-                                  </div>
-                                  <div className="mt-3 space-y-1">
+                            return (
+                              <div
+                                key={`${key.kid ?? "missing-kid"}-${key.kty ?? ""}-${key.alg ?? ""}-${key.n ?? ""}`}
+                                className={cn(
+                                  "rounded-xl border bg-muted/30 p-3",
+                                  isUnsupportedAlgorithm || isMissingAlgorithm
+                                    ? "border-destructive/50 bg-destructive/5"
+                                    : "border-border",
+                                )}
+                              >
+                                <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
+                                  <div className="space-y-1">
                                    <p className="text-[11px] font-semibold uppercase text-muted-foreground">
-                                      {t(
-                                        "ui.dev.clients.general.public_key.cache.parsed_key_n",
-                                        "N",
+                                      KID
+                                    </p>
+                                    <p className="break-all rounded-lg border border-border bg-background px-3 py-2 font-mono text-[11px]">
+                                      {key.kid || "-"}
+                                    </p>
+                                  </div>
+                                  <div className="space-y-1">
+                                    <p className="text-[11px] font-semibold uppercase text-muted-foreground">
+                                      KTY
+                                    </p>
+                                    <p className="break-all rounded-lg border border-border bg-background px-3 py-2 font-mono text-[11px]">
+                                      {key.kty || "-"}
+                                    </p>
+                                  </div>
+                                  <div className="space-y-1">
+                                    <p className="text-[11px] font-semibold uppercase text-muted-foreground">
+                                      USE
+                                    </p>
+                                    <p className="break-all rounded-lg border border-border bg-background px-3 py-2 font-mono text-[11px]">
+                                      {key.use || "-"}
+                                    </p>
+                                  </div>
+                                  <div className="space-y-1">
+                                    <p className="text-[11px] font-semibold uppercase text-muted-foreground">
+                                      ALG
+                                    </p>
+                                    <p
+                                      className={cn(
+                                        "break-all rounded-lg border bg-background px-3 py-2 font-mono text-[11px]",
+                                        isUnsupportedAlgorithm ||
+                                          isMissingAlgorithm
+                                          ? "border-destructive/50 text-destructive"
+                                          : "border-border",
                                      )}
+                                    >
+                                      {key.alg ||
+                                        t(
+                                          "msg.dev.clients.general.public_key.cache.missing_algorithm_badge",
+                                          "알고리즘 미선언",
+                                        )}
                                    </p>
-                                    <p className="min-h-16 break-all rounded-lg border border-border bg-background px-3 py-2 font-mono text-[11px] leading-5">
-                                      {key.n || "-"}
-                                    </p>
+                                    {isMissingAlgorithm && (
+                                      <p className="text-[11px] text-destructive">
+                                        {t(
+                                          "msg.dev.clients.general.public_key.cache.missing_algorithm_reason",
+                                          "이 키는 `alg`가 비어 있어서 저장할 수 없습니다.",
+                                        )}
+                                      </p>
+                                    )}
+                                    {isUnsupportedAlgorithm && (
+                                      <p className="text-[11px] text-destructive">
+                                        {t(
+                                          "msg.dev.clients.general.public_key.cache.unsupported_algorithm_reason",
+                                          "이 알고리즘은 Headless Login에서 지원되지 않습니다.",
+                                        )}
+                                      </p>
+                                    )}
                                  </div>
                                </div>
-                              );
-                            },
-                          )}
+                                <div className="mt-3 space-y-1">
+                                  <p className="text-[11px] font-semibold uppercase text-muted-foreground">
+                                    {t(
+                                      "ui.dev.clients.general.public_key.cache.parsed_key_n",
+                                      "N",
+                                    )}
+                                  </p>
+                                  <p className="min-h-16 break-all rounded-lg border border-border bg-background px-3 py-2 font-mono text-[11px] leading-5">
+                                    {key.n || "-"}
+                                  </p>
+                                </div>
+                              </div>
+                            );
+                          })}
                        </div>
                      ) : (
                        <div className="rounded-lg border border-dashed border-border px-4 py-5 text-sm text-muted-foreground">
--- a/devfront/src/features/clients/ClientRelationsPage.tsx
+++ b/devfront/src/features/clients/ClientRelationsPage.tsx
@@ -26,8 +26,8 @@ import {
 } from "../../components/ui/table";
 import { toast } from "../../components/ui/use-toast";
 import {
-  type DevAssignableUser,
  addClientRelation,
+  type DevAssignableUser,
  fetchClient,
  fetchClientRelations,
  fetchDevUsers,
@@ -355,7 +355,10 @@ function ClientRelationsPage() {
            </nav>
            <PageHeader
              icon={<ShieldHalf size={20} />}
-              title={t("ui.dev.clients.relationships.title", "Client Relationships")}
+              title={t(
+                "ui.dev.clients.relationships.title",
+                "Client Relationships",
+              )}
              description={t(
                "msg.dev.clients.relationships.subtitle",
                "RP direct operator relation을 조회하고 User 단위로 추가·삭제합니다.",
--- a/devfront/src/features/clients/ClientsPage.tsx
+++ b/devfront/src/features/clients/ClientsPage.tsx
@@ -1,6 +1,13 @@
 import { useMutation, useQuery } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
-import { BookOpenText, Filter, Plus, Search, ShieldHalf, X } from "lucide-react";
+import {
+  BookOpenText,
+  Filter,
+  Plus,
+  Search,
+  ShieldHalf,
+  X,
+} from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { useAuth } from "react-oidc-context";
 import { Link, useNavigate } from "react-router-dom";
@@ -51,8 +58,8 @@ import { Textarea } from "../../components/ui/textarea";
 import {
  type ClientSummary,
  fetchClients,
-  fetchDevStats,
  fetchDeveloperRequestStatus,
+  fetchDevStats,
  fetchMyTenants,
  requestDeveloperAccess,
 } from "../../lib/devApi";
@@ -97,8 +104,7 @@ function ClientsPage() {
  } = useQuery({
    queryKey: ["developer-request", tenantId],
    queryFn: () => fetchDeveloperRequestStatus(tenantId),
-    enabled:
-      hasAccessToken && (role === "user" || role === "tenant_member"),
+    enabled: hasAccessToken && (role === "user" || role === "tenant_member"),
  });
  const { data: tenants } = useQuery({
    queryKey: ["myTenants"],
--- a/devfront/src/features/clients/routes/ClientFederationPage.tsx
+++ b/devfront/src/features/clients/routes/ClientFederationPage.tsx
@@ -20,11 +20,11 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
+import type { IdpConfig, IdpConfigCreateRequest } from "../../../lib/devApi";
 import {
  createIdpConfigForClient,
  listIdpConfigsForClient,
 } from "../../../lib/devApi";
-import type { IdpConfig, IdpConfigCreateRequest } from "../../../lib/devApi";
 import { t } from "../../../lib/i18n";

 // Proper Modal Component with Form
@@ -178,9 +178,16 @@ const CreateIdpModal = ({
 };

 export function ClientFederationPage() {
-  const { id: clientId } = useParams<{ id: string }>();
+  const { id: clientIdParam } = useParams<{ id: string }>();
+  const clientId = clientIdParam ?? "";
  const [isCreateModalOpen, setCreateModalOpen] = useState(false);

+  const { data, isLoading, error } = useQuery({
+    queryKey: ["idpConfigs", clientId],
+    queryFn: () => listIdpConfigsForClient(clientId),
+    enabled: clientId.length > 0,
+  });
+
  if (!clientId) {
    return (
      <div className="p-8 text-center text-destructive">
@@ -189,11 +196,6 @@ export function ClientFederationPage() {
    );
  }

-  const { data, isLoading, error } = useQuery({
-    queryKey: ["idpConfigs", clientId],
-    queryFn: () => listIdpConfigsForClient(clientId),
-  });
-
  return (
    <div className="space-y-6 p-1">
      <PageHeader
--- a/devfront/src/features/developer-request/DeveloperRequestPage.tsx
+++ b/devfront/src/features/developer-request/DeveloperRequestPage.tsx
@@ -1,7 +1,7 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import {
-  ClipboardCheck,
  CheckCircle2,
+  ClipboardCheck,
  Clock,
  Plus,
  ShieldAlert,
--- a/devfront/src/features/overview/GlobalOverviewPage.tsx
+++ b/devfront/src/features/overview/GlobalOverviewPage.tsx
@@ -4,8 +4,8 @@ import {
  Activity,
  AlertTriangle,
  CheckCircle2,
-  LayoutDashboard,
  Layers3,
+  LayoutDashboard,
  ShieldCheck,
 } from "lucide-react";
 import { useMemo, useState } from "react";
@@ -18,12 +18,12 @@ import {
 } from "../../../../common/core/components/overview";
 import {
  type ClientSummary,
-  type RPUsageDailyMetric,
-  type RPUsagePeriod,
  fetchClients,
+  fetchDeveloperRequestStatus,
  fetchDevRPUsageDaily,
  fetchDevStats,
-  fetchDeveloperRequestStatus,
+  type RPUsageDailyMetric,
+  type RPUsagePeriod,
 } from "../../lib/devApi";
 import { t } from "../../lib/i18n";
 import { resolveProfileRole } from "../../lib/role";
@@ -723,7 +723,10 @@ function GlobalOverviewPage() {
              )}
            </p>
          </div>
-          <div className="flex h-8 items-center gap-1" aria-label="집계 단위">
+          <fieldset
+            className="flex h-8 items-center gap-1"
+            aria-label="집계 단위"
+          >
            {[
              ["day", t("ui.common.chart.period.day", "일")],
              ["week", t("ui.common.chart.period.week", "주")],
@@ -743,7 +746,7 @@ function GlobalOverviewPage() {
                {label}
              </button>
            ))}
-          </div>
+          </fieldset>
        </div>

        <OverviewSelectionChips
--- a/devfront/src/index.css
+++ b/devfront/src/index.css
@@ -26,7 +26,8 @@
    --input: 215 25% 24%;
    --ring: 209 79% 52%;
    --radius: 0.75rem;
-    --app-background-image: radial-gradient(
+    --app-background-image:
+      radial-gradient(
        circle at 10% 18%,
        rgba(54, 211, 153, 0.16),
        transparent 28%
--- a/devfront/src/lib/apiClient.ts
+++ b/devfront/src/lib/apiClient.ts
@@ -1,8 +1,6 @@
 import axios from "axios";
 import { shouldStartLoginRedirect } from "../../../common/core/auth";
-import {
-  shouldSuppressDevelopmentSessionRedirect,
-} from "../../../common/core/session";
+import { shouldSuppressDevelopmentSessionRedirect } from "../../../common/core/session";
 import { userManager } from "./auth";

 let isRedirectingToLogin = false;
--- a/devfront/src/lib/authConfig.test.ts
+++ b/devfront/src/lib/authConfig.test.ts
@@ -1,8 +1,8 @@
 import { describe, expect, it } from "vitest";
 import {
-  DEVFRONT_AUTH_CALLBACK_PATH,
  buildDevFrontAuthRedirectUris,
  canStartBrowserPkceLogin,
+  DEVFRONT_AUTH_CALLBACK_PATH,
  resolveDevFrontPublicOrigin,
 } from "./authConfig";

--- a/devfront/src/lib/sessionSliding.ts
+++ b/devfront/src/lib/sessionSliding.ts
@@ -1,6 +1,6 @@
 export {
-  DEFAULT_SESSION_RENEW_THROTTLE_MS as SESSION_RENEW_THROTTLE_MS,
  DEFAULT_SESSION_RENEW_THRESHOLD_MS as SESSION_RENEW_THRESHOLD_MS,
+  DEFAULT_SESSION_RENEW_THROTTLE_MS as SESSION_RENEW_THROTTLE_MS,
  shouldAttemptSlidingSessionRenew,
  shouldAttemptUnlimitedSessionRenew,
 } from "../../../common/core/session";
--- a/devfront/tests/devfront-client-tabs.spec.ts
+++ b/devfront/tests/devfront-client-tabs.spec.ts
@@ -1,4 +1,4 @@
-import { type Page, expect, test } from "@playwright/test";
+import { expect, type Page, test } from "@playwright/test";
 import {
  type ClientRelation,
  type Consent,
--- a/devfront/vitest.config.ts
+++ b/devfront/vitest.config.ts
@@ -2,6 +2,14 @@ import { fileURLToPath } from "node:url";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vitest/config";

+const commonRoot = fileURLToPath(new URL("../common", import.meta.url)).replace(
+  /\\/g,
+  "/",
+);
+const commonCoverageIncludes = ["core", "shell", "theme", "ui"].map(
+  (directory) => `${commonRoot}/${directory}/**/*.{ts,tsx}`,
+);
+
 export default defineConfig({
  plugins: [react()],
  server: {
@@ -17,5 +25,27 @@ export default defineConfig({
    globals: true,
    environment: "jsdom",
    include: ["src/**/*.{test,spec}.{ts,tsx}"],
+    coverage: {
+      provider: "v8",
+      reporter: ["text", "html", "lcov", "json-summary"],
+      reportsDirectory: "coverage",
+      all: true,
+      allowExternal: true,
+      include: ["src/**/*.{ts,tsx}", ...commonCoverageIncludes],
+      exclude: [
+        "**/*.{test,spec}.{ts,tsx}",
+        "**/*.d.ts",
+        "**/node_modules/**",
+        "**/dist/**",
+        "**/coverage/**",
+        "src/main.tsx",
+        "src/vite-env.d.ts",
+        "../common/**/node_modules/**",
+        "../common/.pnpm-store/**",
+        `${commonRoot}/theme/**`,
+        `${commonRoot}/core/pagination/*.worker.ts`,
+        `${commonRoot}/core/query/queryClient.ts`,
+      ],
+    },
  },
 });