diff --git a/.vscode/settings.json b/.vscode/settings.json
index e805eb69..218ce1fe 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,6 @@
 {
+  "js/ts.tsdk.path": "web/app/node_modules/typescript/lib",
+  "js/ts.validate.enabled": true,
   "editor.formatOnSave": true,
   "prettier.requireConfig": true,
   "prettier.configPath": "web/app/.prettierrc.json",
diff --git a/AGENTS.md b/AGENTS.md
index 3ac99edf..919c0eb6 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -46,7 +46,7 @@ make release
 - Prefer existing patterns and the standard library before adding dependencies.
 - Format with `make fmt`.
 - Add or update tests when changing CLI, config, API, or runtime behavior.
-- When changing the Vite web app, follow `docs/web/development.md` for frontend structure, source layout, components, styling, state, accessibility, and verification.
+- Before changing the Vite web app, read and follow `docs/web/development.md`; it owns frontend structure, source layout, components, styling, state/data flow, accessibility, assets, and verification. This includes changes under `web/app/src`, frontend tests, package/config files, CSS/Tailwind/tokens, public asset paths, routes, i18n text, and generated `web/static-dist` handling.
 - Do not change BoxLite sandbox integration or packaging paths unless the task is about sandbox/runtime integration.
 - When changing config fields or defaults, update loader, saver, onboard flow, tests, and docs together.
 - Never hardcode or print real secrets; startup and logs must keep tokens redacted.
diff --git a/docs/web/development.md b/docs/web/development.md
index 9393473f..68e5b659 100644
--- a/docs/web/development.md
+++ b/docs/web/development.md
@@ -4,6 +4,12 @@ These rules apply to the Vite web app in `web/app`.
 
 Chinese companion: `development.zh.md`. This English document is the agent-facing source of truth.
 
+## When To Use This Guide
+
+- Read this guide before changing the Vite app's source, tests, package/config files, public assets, or generated web asset pipeline.
+- Common triggers include React pages, components, hooks, shared models, route helpers, API clients, CSS/Tailwind/tokens, i18n text, Vite/Vitest/TypeScript config, dependency changes, public asset URLs, and `web/static-dist` handling.
+- When changing UI primitives, Radix wrappers, form controls, overlays, or component-library exports, also follow `docs/web/ui-components.md`.
+
 ## Tooling
 
 - Use Node.js 22.13.x or newer, up to but not including Node.js 25, for frontend development.
@@ -33,6 +39,14 @@ pnpm --dir web/app install
 - Treat `web/static-dist` as generated output for Go embedding.
 - Prefer local conventions already present in `web/app` before adding new patterns or dependencies.
 
+## TypeScript Type Checking
+
+- `pnpm --dir web/app typecheck` is the strict TypeScript gate and must stay passing for normal frontend changes.
+- Treat missing type declarations, unresolved modules, implicit `any`, and other TypeScript errors as part of the change. Add or refine local types, package types, runtime guards, or typed adapters until type checking passes.
+- When strict type errors appear, prioritize the touched code and shared foundations first: `src/models`, `src/shared`, controller hooks, API boundary helpers, and reusable UI primitives.
+- Prefer precise input/output types, runtime guards at external boundaries, and small null handling fixes over broad assertions or `any`.
+- Do not change user-visible behavior just to satisfy TypeScript. If a type fix needs behavior changes, cover the affected path with a focused test.
+
 ## Static Assets And Deployment Paths
 
 - Reference `web/app/public` assets with deployment-relative paths, for example `brand/logo.svg` or `icons/users.svg`.
@@ -213,7 +227,7 @@ src/pages/WorkspacePage/components/
 
 ## Tests And Verification
 
-- Run `pnpm --dir web/app typecheck` after TypeScript or import-path changes.
+- Run `pnpm --dir web/app typecheck` after frontend TypeScript, import-path, package, or config changes, and fix missing type declarations or type errors before handing off the change.
 - Run `pnpm --dir web/app lint` after frontend source changes.
 - Run `pnpm --dir web/app format:check` before sharing changes, or `pnpm --dir web/app format` to apply Prettier formatting.
 - Run `pnpm --dir web/app test` for the frontend Vitest suite.
diff --git a/docs/web/development.zh.md b/docs/web/development.zh.md
index 391fe251..967a1a41 100644
--- a/docs/web/development.zh.md
+++ b/docs/web/development.zh.md
@@ -4,6 +4,12 @@
 
 英文版为 `development.md`，Agent 默认以英文版为准。
 
+## 何时使用本规范
+
+- 修改 Vite 应用源码、测试、包或配置文件、public 资源，或生成式前端资产链路前，先阅读并遵循本规范。
+- 常见触发范围包括 React 页面、组件、hooks、共享 models、路由 helper、API client、CSS/Tailwind/tokens、i18n 文案、Vite/Vitest/TypeScript 配置、依赖变更、public 资源 URL 和 `web/static-dist` 处理。
+- 修改 UI primitives、Radix wrappers、表单控件、浮层或组件库 export 时，还要遵循 `docs/web/ui-components.md` 或 `docs/web/ui-components.zh.md`。
+
 ## 工具链
 
 - 前端开发使用 Node.js 22.13.x 或更新版本，但不包括 Node.js 25 及以上。
@@ -33,6 +39,14 @@ pnpm --dir web/app install
 - `web/static-dist` 是给 Go embed 使用的构建产物。
 - 新增模式或依赖前，优先沿用 `web/app` 里已有的约定。
 
+## TypeScript 类型检查
+
+- `pnpm --dir web/app typecheck` 是严格 TypeScript 门槛，普通前端改动必须保持通过。
+- 缺失类型声明、模块无法解析、隐式 `any` 和其它 TypeScript 报错，都属于本次改动要处理的内容。通过补充或收敛本地类型、包类型、运行时 guard 或 typed adapter，让类型检查通过。
+- 处理 strict 类型报错时，优先处理本次触碰的代码和共享底座：`src/models`、`src/shared`、controller hooks、API 边界 helper 和可复用 UI primitives。
+- 优先使用准确的输入/输出类型、外部边界运行时 guard、小范围 null 处理；不要用大范围断言或 `any` 掩盖问题。
+- 不要为了满足 TypeScript 改变用户可见行为。类型修复如果必须伴随行为变化，需要给受影响路径补聚焦测试。
+
 ## 静态资源与部署路径
 
 - 引用 `web/app/public` 资源时用部署相对路径，例如 `brand/logo.svg` 或 `icons/users.svg`。
@@ -213,7 +227,7 @@ src/pages/WorkspacePage/components/
 
 ## 测试与验证
 
-- TypeScript 或 import 路径变化后，运行 `pnpm --dir web/app typecheck`。
+- 前端 TypeScript、import 路径、包依赖或配置变化后，运行 `pnpm --dir web/app typecheck`，并在交付前修复缺失类型声明和类型报错。
 - 前端源码变化后，运行 `pnpm --dir web/app lint`。
 - 提交或共享改动前，运行 `pnpm --dir web/app format:check`；需要应用 Prettier 格式化时运行 `pnpm --dir web/app format`。
 - 运行 `pnpm --dir web/app test` 执行前端 Vitest 测试。
diff --git a/docs/web/ui-components.md b/docs/web/ui-components.md
index 5b099e17..e0b177ea 100644
--- a/docs/web/ui-components.md
+++ b/docs/web/ui-components.md
@@ -60,15 +60,20 @@ When adding a Radix component with a portal, expose a container escape hatch whe
 - Keep the Radix interaction contract intact, and compose CSGClaw styling around it.
 - Prefer data-driven APIs for common form controls, with compound exports available only for custom layouts.
 - Pages and business components should not depend on Radix primitives directly unless it is an explicit page-private exploration. Extract the wrapper to `src/components/ui` once the interaction needs reuse or becomes a stable convention.
-- When adding Radix dependencies, follow the project's existing dependency style and keep Radix-related package versions aligned when practical to avoid duplicate shared dependencies.
+- Import Radix namespaces from the unified `radix-ui` package, for example `import { Select as RadixSelect } from "radix-ui"`. Do not add `@radix-ui/react-*` package dependencies for primitives that are available through `radix-ui`.
+- Add a separate Radix package only when the unified package does not expose the needed primitive, and document why in the change.
 - If jsdom lacks browser APIs needed by a Radix primitive, add the smallest stable polyfill in `web/app/tests/setup.ts` and keep component tests focused on user-visible behavior.
 
 ## Select
 
-`Select` is built on `@radix-ui/react-select`. Prefer the data-driven `options` prop for normal forms. Use the compound exports (`SelectRoot`, `SelectTrigger`, `SelectContent`, `SelectItem`) only when a custom layout is needed.
+`Select` is built on the `Select` namespace from `radix-ui`. Prefer the data-driven `options` prop for normal forms. Use the compound exports (`SelectRoot`, `SelectTrigger`, `SelectContent`, `SelectItem`) only when a custom layout is needed.
 
 `Select` maps an empty business value (`""`) to an internal Radix item value, because Radix reserves empty string for clearing selection. Callers should continue to read and write `""` normally.
 
 ## Dropdown Menu
 
-`DropdownMenu` is built on `@radix-ui/react-dropdown-menu`. Compose menus with the shared `DropdownMenuRoot`, `DropdownMenuTrigger`, `DropdownMenuContent`, `DropdownMenuItem`, and `DropdownMenuSeparator` exports so pages inherit consistent hover, keyboard, danger-state, portal, and focus behavior.
+`DropdownMenu` is built on the `DropdownMenu` namespace from `radix-ui`. Compose menus with the shared `DropdownMenuRoot`, `DropdownMenuTrigger`, `DropdownMenuContent`, `DropdownMenuItem`, and `DropdownMenuSeparator` exports so pages inherit consistent hover, keyboard, danger-state, portal, and focus behavior.
+
+## Dialog
+
+`Dialog` is built on the `Dialog` namespace from `radix-ui`. Use the shared dialog exports for modal workflows so pages inherit consistent backdrop, portal, focus trap, close button, title, description, and layout behavior. Expose `portalContainer` when a dialog or nested floating child needs to stay inside a specific layer.
diff --git a/docs/web/ui-components.zh.md b/docs/web/ui-components.zh.md
index 32e6da5b..4d7703b2 100644
--- a/docs/web/ui-components.zh.md
+++ b/docs/web/ui-components.zh.md
@@ -60,11 +60,20 @@
 - 保留 Radix 的交互契约，在其上组合 CSGClaw 的样式。
 - 常规表单控件优先提供 data-driven API；只有需要自定义布局时才使用 compound exports。
 - 页面或业务组件不要直接依赖 Radix primitive，除非这是一次明确的页面私有探索；一旦需要复用或形成稳定交互，应抽到 `src/components/ui`。
-- 新增 Radix 依赖时，优先遵循项目现有依赖方式，并尽量让 Radix 相关包保持一致版本，避免重复 shared dependency。
+- 从统一的 `radix-ui` 包导入 Radix namespace，例如 `import { Select as RadixSelect } from "radix-ui"`。不要为已经由 `radix-ui` 暴露的 primitive 新增 `@radix-ui/react-*` 分包依赖。
+- 只有统一包没有暴露所需 primitive 时，才单独新增 Radix 分包，并在改动里说明原因。
 - 如果 jsdom 缺少某个 Radix primitive 依赖的浏览器 API，在 `web/app/tests/setup.ts` 里补最小、稳定的 polyfill，并让组件测试聚焦用户可见行为。
 
 ## Select
 
-`Select` 基于 `@radix-ui/react-select` 实现。常规表单优先使用 data-driven 的 `options` prop。只有需要自定义布局时才使用 compound exports（`SelectRoot`、`SelectTrigger`、`SelectContent`、`SelectItem`）。
+`Select` 基于 `radix-ui` 包里的 `Select` namespace 实现。常规表单优先使用 data-driven 的 `options` prop。只有需要自定义布局时才使用 compound exports（`SelectRoot`、`SelectTrigger`、`SelectContent`、`SelectItem`）。
 
 `Select` 会把业务侧空值（`""`）映射到内部 Radix item value，因为 Radix 把空字符串保留给清空选择。调用方仍然按 `""` 正常读写即可。
+
+## Dropdown Menu
+
+`DropdownMenu` 基于 `radix-ui` 包里的 `DropdownMenu` namespace 实现。菜单应组合共享的 `DropdownMenuRoot`、`DropdownMenuTrigger`、`DropdownMenuContent`、`DropdownMenuItem` 和 `DropdownMenuSeparator`，让页面继承一致的 hover、键盘、danger 状态、portal 和焦点行为。
+
+## Dialog
+
+`Dialog` 基于 `radix-ui` 包里的 `Dialog` namespace 实现。modal 流程应使用共享 dialog exports，让页面继承一致的 backdrop、portal、focus trap、关闭按钮、标题、描述和布局行为。dialog 或嵌套 floating child 需要留在特定层级内时，暴露并使用 `portalContainer`。
diff --git a/web/app/package.json b/web/app/package.json
index 2e166830..4b0f6a0f 100644
--- a/web/app/package.json
+++ b/web/app/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "pnpm typecheck && vite build",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "format": "prettier . --write",
@@ -19,14 +19,12 @@
     "pnpm": ">=9 <12"
   },
   "dependencies": {
-    "@radix-ui/react-dialog": "~1.1.15",
-    "@radix-ui/react-dropdown-menu": "~2.1.16",
-    "@radix-ui/react-select": "~2.2.6",
     "@tanstack/react-query": "~5.100.10",
     "dompurify": "~3.4.3",
     "lucide-react": "~1.16.0",
     "marked": "~18.0.3",
     "mermaid": "~11.15.0",
+    "radix-ui": "~1.5.0",
     "react": "~19.2.6",
     "react-dom": "~19.2.6",
     "react-hook-form": "~7.76.0",
@@ -54,6 +52,7 @@
     "typescript": "~6.0.3",
     "typescript-eslint": "~8.59.3",
     "vite": "~8.0.13",
+    "vite-plugin-checker": "~0.14.1",
     "vitest": "~4.1.6"
   },
   "packageManager": "pnpm@11.1.3"
diff --git a/web/app/pnpm-lock.yaml b/web/app/pnpm-lock.yaml
index a377b997..e6d09e28 100644
--- a/web/app/pnpm-lock.yaml
+++ b/web/app/pnpm-lock.yaml
@@ -8,15 +8,6 @@ importers:
 
   .:
     dependencies:
-      '@radix-ui/react-dialog':
-        specifier: ~1.1.15
-        version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-dropdown-menu':
-        specifier: ~2.1.16
-        version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-select':
-        specifier: ~2.2.6
-        version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@tanstack/react-query':
         specifier: ~5.100.10
         version: 5.100.10(react@19.2.6)
@@ -32,6 +23,9 @@ importers:
       mermaid:
         specifier: ~11.15.0
         version: 11.15.0
+      radix-ui:
+        specifier: ~1.5.0
+        version: 1.5.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react:
         specifier: ~19.2.6
         version: 19.2.6
@@ -108,6 +102,9 @@ importers:
       vite:
         specifier: ~8.0.13
         version: 8.0.13(@types/node@24.12.4)(jiti@2.7.0)
+      vite-plugin-checker:
+        specifier: ~0.14.1
+        version: 0.14.1(eslint@10.4.0(jiti@2.7.0))(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@24.12.4)(jiti@2.7.0))
       vitest:
         specifier: ~4.1.6
         version: 4.1.6(@types/node@24.12.4)(jsdom@29.1.1)(vite@8.0.13(@types/node@24.12.4)(jiti@2.7.0))
@@ -378,14 +375,14 @@ packages:
   '@oxc-project/types@0.130.0':
     resolution: {integrity: sha512-ibD2usx9JRu7f5pu2tMKMI4cpA4NgXJQoYRP4pQ7Pxmn1l6k/53qWtQWZayhYy3X4QZkt90Ot+mJEaeXouio6Q==}
 
-  '@radix-ui/number@1.1.1':
-    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
+  '@radix-ui/number@1.1.2':
+    resolution: {integrity: sha512-ceTwaxc4I5IOi97DgCotl3pqiyRGvffcc0oOsE2dQYaJOFIDsDt4VWG6xEbg1QePv9QWausCEIppud/tJ1wNig==}
 
-  '@radix-ui/primitive@1.1.3':
-    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
+  '@radix-ui/primitive@1.1.4':
+    resolution: {integrity: sha512-7AdCK9PQyiljKoBDbN8OuctCbd/esdwZPQ8RtOE3SsyQtUpiPb+ND75q0jEhC1m1ecBI0MFNeLJvwIh9iKHRcQ==}
 
-  '@radix-ui/react-arrow@1.1.7':
-    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+  '@radix-ui/react-accessible-icon@1.1.9':
+    resolution: {integrity: sha512-5W9KzJz/3DeYbGJHbZv8Q6AkxMOKUmALfc+PRg9dWwJZMk6zD37Sz8sZrF7UD6CBkiJvn7dNeRzn5G7XiCMyig==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -397,8 +394,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-collection@1.1.7':
-    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+  '@radix-ui/react-accordion@1.2.13':
+    resolution: {integrity: sha512-xITxBB2p5m5tAe7M0F95kb4uAh7jSIKGlExMEm93HlW+XxZHV2eXFbPWLktd4JhRiwcnXNbO7iekcrbZy6ZCvA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -410,17 +407,226 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-compose-refs@1.1.2':
-    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
+  '@radix-ui/react-alert-dialog@1.1.16':
+    resolution: {integrity: sha512-vPaIgo0mxYlvcFaM9jB2Uot9TjGXMuAPEvrc6BOLeV+I5U8s1dkIoouYaa6lmSfc5SPMo5x5djOTOTvaigdGMQ==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-arrow@1.1.9':
+    resolution: {integrity: sha512-yqHW5WQ/cTpU/un7dqqIKNy2iRU8BC0JB78PEzTfCCYvZu1U6W9KwObAniMk9nhSfyotKPQTYaUD/HB0f5muig==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-aspect-ratio@1.1.9':
+    resolution: {integrity: sha512-Xy+Dpxt/5n9rVTdPrNFmf8GwG1NlT1pzCF/z1MgOGZMLZWdWl+km+ZRWGQAPEhbkzSwYEsfYmTca8NhUtVxqnw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-avatar@1.1.12':
+    resolution: {integrity: sha512-NQCQyWC7QrDPhjMn8hUqFeU0lUrprIgm1AyMgLbzuQJibNnatdc3SSMo3/UGFu/eUkJUU1cEcKCnyhXTQzq6tA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-checkbox@1.3.4':
+    resolution: {integrity: sha512-m3JmIOAX5ZzZ6VPjxEU2dbTOhoHi0nT5riwcDwe8idocsWf4a5DXJLDtZ6LfJwMBx7W+A2b7kp2TgPEKtaiF6A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collapsible@1.1.13':
+    resolution: {integrity: sha512-F0s8+p2XNpfc3k02zBfB0jPWbkHVG162+p7BdUMyJ2308QMqZ+oaclX+FAzKFovgL5OqRU+Rvy6f/vbdlJVaqA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collection@1.1.9':
+    resolution: {integrity: sha512-zuSVi7ziP7uQRqc+yGxsKJfNkdyHv3ZKDaHe0gzg4dRgws96TPKWIiz84tVHP4GEcEl8bC0mdt17NkcxaJHmaQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-compose-refs@1.1.3':
+    resolution: {integrity: sha512-rYOP8OMnuuPMQF1uhPVlGNcCDlkokKqGFE3JcxFViIkAXP7EvFWUliJAstrapypaBLJNHbZL6jGhbVDGTwmVhA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context-menu@2.3.0':
+    resolution: {integrity: sha512-d7CouXhAW+CGmFOqmB+IEvd3E9GcaqfgvfjCc3hfulp2pkaUCEVEGa0SN5nNWYA+IvQ6g1Pt+S5dpNn1AoY9hg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-context@1.1.4':
+    resolution: {integrity: sha512-QwH4PO5urrbO+FaGd5Aglg+YJgWTyyuZ3g/6mKvsqraLkglDdckw9JafgL5McL5VEJ6EPNduPaT3ZE9BttDAqg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dialog@1.1.16':
+    resolution: {integrity: sha512-l9ok83YBclEZhbjgzt76Hw733e6cvRKPNgO6GJ/IETlufXG9p+fRu2wlvpImQvR6xdJ8h7J8J2DBvsPEiEsKMw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-direction@1.1.2':
+    resolution: {integrity: sha512-C3vFhbyi4SW3PmbAi6Awpu4OzJtd0MxGurvSsYtr7p7nM8RNB3VAF3CUmnp2j50knpkrRcB7+ycVXzgLgF6yNA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dismissable-layer@1.1.12':
+    resolution: {integrity: sha512-MhoruH6xEzsbvOmo4TNgMfmtvRGyDZw4MDSdf4ybMHfezjqwzv6hyd4lsMzBp8K9Sn6sGzCF62x1I7BYUECXOg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-dropdown-menu@2.1.17':
+    resolution: {integrity: sha512-S6b3Jm57sY5EdDyOMLkacbB0qMnKhy1RCKZCt795ZkmtUOAvojYIZ5p7dXHIh5Cyr3jCLLI5/g64V3FKLudZmw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-focus-guards@1.1.4':
+    resolution: {integrity: sha512-cot/aB/mOm0IYVYTTmQcEEK1M48lZWi8FlYe5nDPQQ8NYZUlXEFgncJ9p2Kzer3RKSrY7cTTpEMLZKNo9QoP5Q==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.9':
+    resolution: {integrity: sha512-9Se8t+Zry+1rEOL7Y6l/4ANYU/TOtAtf8O2fKdwLltcaMcm6kOqYGbzO4tMFQ0bvzO920pRAoHpFZ4W85S3keQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-form@0.1.9':
+    resolution: {integrity: sha512-eTPyThIKDacJ3mJDvYwf/PSmsEYlOyA2Qcb+aGyWwYv+P5w57VPUkMVA2XJ9z0Du2KBY1HoHQzhPV9iYL/r4hg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-hover-card@1.1.16':
+    resolution: {integrity: sha512-hAileDBtd6CX7nlZOarOnISQ6PP4q0e16BX51ulzdZ+7IzjL0sDTVpFdmSYrIjw6zVNsfQBao5gG6AWr3qwfvA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-context@1.1.2':
-    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+  '@radix-ui/react-id@1.1.2':
+    resolution: {integrity: sha512-orBC88futVpqCmhX1p4cvquNHsELQ+w+vBJnuj3ftETI5bJb0bZn3Tqu3SWN2IOcPycTnMGnhwoermvISt72sA==}
     peerDependencies:
       '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
@@ -428,8 +634,8 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-dialog@1.1.15':
-    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
+  '@radix-ui/react-label@2.1.9':
+    resolution: {integrity: sha512-rDoTeMbCwRVcnmo7NGT9IlPo1yXmEI+xc1URP3oeewwZEV4mdTp1dYUhYbQdo4D1q2SjKVvv4N1gNY77QAQtjA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -441,17 +647,21 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-direction@1.1.1':
-    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
+  '@radix-ui/react-menu@2.1.17':
+    resolution: {integrity: sha512-fmbNnFyf+JYCN0DhhWnEdUTDnZD1mXaPQWivdsPIb8oOSbARfD3LIQJbLCG8a8QLCwoMxiJ7GVPIFcC8Dw8v2Q==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-dismissable-layer@1.1.11':
-    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
+  '@radix-ui/react-menubar@1.1.17':
+    resolution: {integrity: sha512-AKtZ4O782yO7qwIyq73WpulYt1IHhQ0htDb6wNcxzxnSDCcSWMVBiU9ycpcA90XzQO4IVIxIErtak6Kg/Vt0rQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -463,8 +673,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-dropdown-menu@2.1.16':
-    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
+  '@radix-ui/react-navigation-menu@1.2.15':
+    resolution: {integrity: sha512-/fS8hKCcRt4DwCGa5QIB3juRXmfYSOk4a2AEe/BDIyy7Hm+eje2Y13oUx5zejl+wFt1owrM7E8NWlbaEl5EGpg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -476,17 +686,21 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-focus-guards@1.1.3':
-    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
+  '@radix-ui/react-one-time-password-field@0.1.9':
+    resolution: {integrity: sha512-fvCzA9hm7yN5xxTPJIi4VhSmH5gv+76ILsxguBK3cm3icD5BR4vW7POQmu8Zio0yh91uuouG/Kang40IbMkaSQ==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-focus-scope@1.1.7':
-    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+  '@radix-ui/react-password-toggle-field@0.1.4':
+    resolution: {integrity: sha512-qoDSkObZ9faJlsjlwyBH6ia7kq9vaJ2QwWTowT3nQpzPvUTAKesmWuGJYpd91HIoJqS+5ZPXy5uFPp+HlwdaAg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -498,17 +712,21 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-id@1.1.1':
-    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+  '@radix-ui/react-popover@1.1.16':
+    resolution: {integrity: sha512-8brVpAU5Uq7Bh0c8EFc4ZTf2JJTYn0o+1L+CUJB3UYIOkTjKGMgoHvduylrahdmNlr3DfH0rFq2DrbNZXgaspw==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-menu@2.1.16':
-    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
+  '@radix-ui/react-popper@1.3.0':
+    resolution: {integrity: sha512-9PB589e1aWZbrlFUHdz6WiPCL+xLZHQFX7oibqG/6Q0SwOkxDyQX9W/cyPa+sAPPKuC8cpLCpRczE5a/1DiwVQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -520,8 +738,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-popper@1.2.8':
-    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
+  '@radix-ui/react-portal@1.1.11':
+    resolution: {integrity: sha512-UEytdjgEh2tJGgD/gZK4FUx6t1rNIlM3U0DENhSrG7I75FGm1DnaDuVUWF1pWAWUwGmn1sCJ1VGHn8LhN1aTOw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -533,8 +751,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-portal@1.1.9':
-    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+  '@radix-ui/react-presence@1.1.6':
+    resolution: {integrity: sha512-zdTk4PlUO0E18HnZ3wYbW0KkJJxWCdiNYp6g6X1PtONFhxVkg01vliTJAmwIszU6mHiyBOoW9P0rAugl5/hULQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -546,8 +764,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-presence@1.1.5':
-    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+  '@radix-ui/react-primitive@2.1.5':
+    resolution: {integrity: sha512-zifXeB8Y88qCYx8PLZ5oQb32KwZub+s925mMoZsBBq9KUQqWKkREubTfs6ASjRPPBe7Jt9O8OHH89+95VG+grA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -559,8 +777,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-primitive@2.1.3':
-    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+  '@radix-ui/react-progress@1.1.9':
+    resolution: {integrity: sha512-+EOkvg1Zn1vI1+fRDfRSAiJ7BWfcDAo5ASMmbqrcLZ4s4USk2FGkoHgeb2X+CkUgo2zJMiyObwf1k44CrRWsyw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -572,8 +790,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-roving-focus@1.1.11':
-    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
+  '@radix-ui/react-radio-group@1.4.0':
+    resolution: {integrity: sha512-eHdV5bLx9sH+tBnbDjkIBdvQEH/c6MEtQYhTbxkaDK9qsIFFLtmJYEQFVdwhnruWotLfQmIuWEL/J+L3utE8rQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -585,8 +803,8 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-select@2.2.6':
-    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
+  '@radix-ui/react-roving-focus@1.1.12':
+    resolution: {integrity: sha512-FvgPt1bRmg8Xt2QpF7NUZW3dE0ZQHGm41dAdgT2J2GJPoIXz+9Em3NobAxf4fupcxhgHu03E5CRiU2MWvObXyg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -598,44 +816,60 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-slot@1.2.3':
-    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
+  '@radix-ui/react-scroll-area@1.2.11':
+    resolution: {integrity: sha512-DS39ziOgea75U/TrXKU2/oKp0be2jrDHnzFLvahg/0iNAT1Zq16e4Uw0WXwyXvsK+mG3BRyMb7A3NRZMDuEXtQ==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-use-callback-ref@1.1.1':
-    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+  '@radix-ui/react-select@2.3.0':
+    resolution: {integrity: sha512-mENc7WpJvJcW8hlMpzfFcHcEhTvYS5JMBmi9HVC1Q00uhBwML086MHYUV8QQdQv6lcu0Wg8dzd1RB8AFADcG/g==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-use-controllable-state@1.2.2':
-    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+  '@radix-ui/react-separator@1.1.9':
+    resolution: {integrity: sha512-gvgW+JV/Mbjj6darztTetnmElpQEzZrXpJvfj+dOxNAxiyHEAyUvEjjl4zxblvmjmKmi3jfPoy7ZdxzCuUBJSA==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-use-effect-event@0.0.2':
-    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+  '@radix-ui/react-slider@1.4.0':
+    resolution: {integrity: sha512-RHcPlLOThRJM51DSIC33ZnpDEBYhyEFroVWkd2P54PGGjkmAt14RboYUU9E1MFst666zFHM0tGtWvMjSOtU1pw==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-use-escape-keydown@1.1.1':
-    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+  '@radix-ui/react-slot@1.2.5':
+    resolution: {integrity: sha512-rCMO3QsIVKv5JTY5CVbo2MvO77SpEqqYc8AvRE7OWqRDOIqAKjsp+DrmnY9uc8NPdxB5E2z47HTYGeE2+NTptg==}
     peerDependencies:
       '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
@@ -643,44 +877,60 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-use-layout-effect@1.1.1':
-    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+  '@radix-ui/react-switch@1.3.0':
+    resolution: {integrity: sha512-GP1EZwhoZO/GGnhM1P5/2Vpm8iN8EnngyU0oezn2l78kN8tj25pyrvjIaT7azBhK615KSt+P2w39y57YV5jVkA==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-use-previous@1.1.1':
-    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
+  '@radix-ui/react-tabs@1.1.14':
+    resolution: {integrity: sha512-D5jwp9JNuwDeCw3CYD2Fz+sSHo0droQjC8u75dJHe4aWr5q6yBiXZU+hurXnKudRgEpUkD5TsI6bjHPo5ThUxA==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-use-rect@1.1.1':
-    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+  '@radix-ui/react-toast@1.2.16':
+    resolution: {integrity: sha512-WUymDDiN2DpoGudRN1aW4wF5O3BNQjZZO/5nngPoNiEVqjyOzirvZZNO0R6dC1ifucSINVaSv8JX1aq47VGgiA==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-use-size@1.1.1':
-    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+  '@radix-ui/react-toggle-group@1.1.12':
+    resolution: {integrity: sha512-TEgECgJaWGAHJJZGzNNEYTNBdIXqX7LchANycpyP7DkfjmuiSN7ISt1k/ZRGVJgVJonsgP4vwaiKMn5utrcwWQ==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@radix-ui/react-visually-hidden@1.2.3':
-    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
+  '@radix-ui/react-toggle@1.1.11':
+    resolution: {integrity: sha512-FikrKJemoBGZQ6uRID0HJqSPBP6D7OppdD2OhLl0ZYLlAyPXI7MezoYGmumwNkrAoRm35xXkb4C8JPfJZZzcaw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -692,8 +942,128 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/rect@1.1.1':
-    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+  '@radix-ui/react-toolbar@1.1.12':
+    resolution: {integrity: sha512-4wHtJVdIgqMmEwUvxA0BYg/2JMRbt0L3+8UD8Ml/nhKkfXtiZcM8u/S15gQ5xj9YEd/0qlrm5bE805LsjQ+J8A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-tooltip@1.2.9':
+    resolution: {integrity: sha512-u6F9MmTtBSLkiXNVDrtB/yPCZarM9smNswC24YYLV/M+bth6J3Gs3vlJezEoFwKZvPvxhCpUYdUnOsNG/0XOlA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.2':
+    resolution: {integrity: sha512-xCso9j1/u8sEgP1RNHjFrXJLApL8LiqOkI1R4ywuN00rxWdYg4oQXuwKLS3i0j5NWLromUD27/4nlxj2UFVvIw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.3':
+    resolution: {integrity: sha512-PLzC90MS+ReootmjC597dvopoelpZ8Q61HJkDXZSExitIq7PL55vHNnesAHwguHK0aPfBnpdNzQtv1uliaqQrA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.3':
+    resolution: {integrity: sha512-6c8ZqvPTWILEKnyVkP53EGRCcpnJiKTC21sS/6R1GF5xKyHJJWQEPfkqlcgUkdRQivd6tb23abUwe4ngWmY0JA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.2':
+    resolution: {integrity: sha512-2uVLvLjgO7NZCWw01/FdqRwmA42J0BcjPMUCA+koFEOAb+zjqIP7SiFz/7zWPrKnVmSqr76Omq2ALyCuX4dhLw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-is-hydrated@0.1.1':
+    resolution: {integrity: sha512-qwOiz4Tjo8CNnrOLAYUMXeZwDzXgXpvK4TKQPmWLECM9XoWvA6+0Z2/7Ag3A4ivjS4ovbLJPbskkxioFyBhr8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.2':
+    resolution: {integrity: sha512-jrBWOxZITuGcnjRCM2t2U5ZPkCLxD+Ym6DjfssS5haTj2iiak/DOb64JeN6OdLfLgptb6/e2kKR+ZuTrGoZTPA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-previous@1.1.2':
+    resolution: {integrity: sha512-IGBQPtRFdhN6MQ8dbegVmBq1LVZluya3F1jWY+puIcQC3MHctRwTDSBWCkL/3ZcnMJLTMJ++Z+ktmvg0F89iCw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.2':
+    resolution: {integrity: sha512-d8a+bBY/FxikNPlgJJoaBHZX+zKVbWHYJGTLnLvveQgFSTntkGdEKv3JDtHrMS0DNYpllz2nRsTLGLKYttbpmw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.2':
+    resolution: {integrity: sha512-giWQp+4mxjBPt4KZ0MmyuykFNWfbDxKt4x+fPkRYmgRFJSbCZFzUglvMb/Kjn38tm10YP4ufiQZDx3zna4LU6w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-visually-hidden@1.2.5':
+    resolution: {integrity: sha512-tPcHNI3FajdDBFpl/Ez1m2WL0ufJqBKyHxMDBvKitopamK36WwBGOMicuMEZKkM5Wce41QxUyv6BsiqfrWBiGg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/rect@1.1.2':
+    resolution: {integrity: sha512-xnXE7wG13PI+cxieVssYXlQJuYVRhH9NBoxt3KNwzghDIA69GMm7d4wXRouHIYjE+KvS6U/MsMO73NdS2MH9ZA==}
 
   '@rolldown/binding-android-arm64@1.0.1':
     resolution: {integrity: sha512-fJI3I0r3C3Oj/zdBCpaCmBRZYf07xpaq4yCfDDoSFm+beWNzbIl26puW8RraUdugoJw/95zerNOn6jasAhzSmg==}
@@ -1226,6 +1596,10 @@ packages:
     resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
     engines: {node: '>=18'}
 
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
+
   commander@7.2.0:
     resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
     engines: {node: '>= 10'}
@@ -1854,6 +2228,10 @@ packages:
   node-releases@2.0.44:
     resolution: {integrity: sha512-5WUyunoPMsvvEhS8AxHtRzP+oA8UCkJ7YRxatWKjngndhDGLiqEVAQKWjFAiAiuL8zMRGzGSJxFnLetoa43qGQ==}
 
+  npm-run-path@6.0.0:
+    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
+    engines: {node: '>=18'}
+
   obug@2.1.1:
     resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
 
@@ -1886,6 +2264,10 @@ packages:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
+  path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
@@ -1919,10 +2301,26 @@ packages:
     resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
 
+  proper-lockfile@4.1.2:
+    resolution: {integrity: sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==}
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
+  radix-ui@1.5.0:
+    resolution: {integrity: sha512-Nzh2HNpClgB31FBHRqt2xG8XNUfVfQRpf34hACC5PNrXTd5JdXdqOXwLs3BL+D8CNYiNQiJiT8QGr5Q4vq+00w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   react-dom@19.2.6:
     resolution: {integrity: sha512-0prMI+hvBbPjsWnxDLxlCGyM8PN6UuWjEUCYmZhO67xIV9Xasa/r/vDnq+Xyq4Lo27g8QSbO5YzARu0D1Sps3g==}
     peerDependencies:
@@ -1988,6 +2386,10 @@ packages:
     resolution: {integrity: sha512-sfWGGfavi0xr8Pg0sVsyHMAOziVYKgPLNrS7ig+ivMNb3wbCBw3KxtflsGBAwD3gYQlE/AEZsTLgToRrSCjb0Q==}
     engines: {node: '>=0.10.0'}
 
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
+
   redent@3.0.0:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
@@ -1996,6 +2398,10 @@ packages:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
+  retry@0.12.0:
+    resolution: {integrity: sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==}
+    engines: {node: '>= 4'}
+
   robust-predicates@3.0.3:
     resolution: {integrity: sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==}
 
@@ -2043,6 +2449,9 @@ packages:
   siginfo@2.0.0:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
 
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -2070,6 +2479,9 @@ packages:
     resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
     engines: {node: '>=6'}
 
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
@@ -2136,6 +2548,10 @@ packages:
     resolution: {integrity: sha512-xXnp4kTyor2Zq+J1FfPI6Eq3ew5h6Vl0F/8d9XU5zZQf1tX9s2Su1/3PiMmUANFULpmksxkClamIZcaUqryHsQ==}
     engines: {node: '>=20.18.1'}
 
+  unicorn-magic@0.3.0:
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
+
   update-browserslist-db@1.2.3:
     resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
@@ -2169,6 +2585,37 @@ packages:
     resolution: {integrity: sha512-Qo+uWgilfSmAhXCMav1uYFynlQO7fMFiMVZsQqZRMIXp0O7rR7qjkj+cPvBHLgBqi960QCoo/PH2/6ZtVqKvrg==}
     hasBin: true
 
+  vite-plugin-checker@0.14.1:
+    resolution: {integrity: sha512-Mv8oQc9XYBYf+XkP/riqqQCt8lBP6Iad75PZPho1lHRrpxQI0BwX2gwE10enn4f6Hgc+PvR1F7N38KARcaJtzw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@biomejs/biome': '>=2.4.12'
+      eslint: '>=9.39.4'
+      meow: ^13.2.0 || ^14.0.0
+      optionator: ^0.9.4
+      oxlint: '>=1'
+      stylelint: '>=16.26.1'
+      typescript: '*'
+      vite: '>=5.4.21'
+      vue-tsc: ~2.2.10 || ^3.0.0
+    peerDependenciesMeta:
+      '@biomejs/biome':
+        optional: true
+      eslint:
+        optional: true
+      meow:
+        optional: true
+      optionator:
+        optional: true
+      oxlint:
+        optional: true
+      stylelint:
+        optional: true
+      typescript:
+        optional: true
+      vue-tsc:
+        optional: true
+
   vite@8.0.13:
     resolution: {integrity: sha512-MFtjBYgzmSxmgA4RAfjIyXWpGe1oALnjgUTzzV7QLx/TKxCzjtMH6Fd9/eVK+5Fg1qNoz5VAwsmMs/NofrmJvw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2612,57 +3059,164 @@ snapshots:
 
   '@oxc-project/types@0.130.0': {}
 
-  '@radix-ui/number@1.1.1': {}
+  '@radix-ui/number@1.1.2': {}
+
+  '@radix-ui/primitive@1.1.4': {}
+
+  '@radix-ui/react-accessible-icon@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-accordion@1.2.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collapsible': 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-alert-dialog@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-arrow@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-aspect-ratio@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-avatar@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/primitive@1.1.3': {}
+  '@radix-ui/react-checkbox@1.3.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-collapsible@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-collection@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-compose-refs@1.1.3(@types/react@19.2.14)(react@19.2.6)':
+    dependencies:
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-context-menu@2.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-context@1.1.2(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-context@1.1.4(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.6)
+  '@radix-ui/react-dialog@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
       aria-hidden: 1.2.6
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
@@ -2671,82 +3225,221 @@ snapshots:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-direction@1.1.1(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-direction@1.1.2(@types/react@19.2.14)(react@19.2.6)':
+    dependencies:
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-dismissable-layer@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-escape-keydown': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-dropdown-menu@2.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-focus-guards@1.1.4(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-focus-scope@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-form@0.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-label': 2.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-hover-card@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-id@1.1.2(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-label@2.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-menu@2.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      aria-hidden: 1.2.6
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+      react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-menubar@1.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-navigation-menu@1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-one-time-password-field@0.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-id@1.1.1(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-password-toggle-field@0.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+  '@radix-ui/react-popover@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
       aria-hidden: 1.2.6
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
@@ -2755,91 +3448,136 @@ snapshots:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-popper@1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@floating-ui/react-dom': 2.1.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/rect': 1.1.1
+      '@radix-ui/react-arrow': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-rect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/rect': 1.1.2
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-portal@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-presence@1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-primitive@2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-progress@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-radio-group@1.4.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-roving-focus@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.6)
+  '@radix-ui/react-scroll-area@1.2.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+  '@radix-ui/react-select@2.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       aria-hidden: 1.2.6
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
@@ -2848,77 +3586,223 @@ snapshots:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-slot@1.2.3(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-separator@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-slider@1.4.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-slot@1.2.5(@types/react@19.2.14)(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-switch@1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-tabs@1.1.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-toast@1.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-toggle-group@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-toggle@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-toolbar@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-separator': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle-group': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-tooltip@1.2.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-use-callback-ref@1.1.2(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-use-controllable-state@1.2.3(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-use-effect-event@0.0.3(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.14)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-use-escape-keydown@1.1.2(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-use-is-hydrated@0.1.1(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-use-layout-effect@1.1.2(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-use-previous@1.1.1(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-use-previous@1.1.2(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-use-rect@1.1.2(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
-      '@radix-ui/rect': 1.1.1
+      '@radix-ui/rect': 1.1.2
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.14)(react@19.2.6)':
+  '@radix-ui/react-use-size@1.1.2(@types/react@19.2.14)(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-visually-hidden@1.2.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/rect@1.1.1': {}
+  '@radix-ui/rect@1.1.2': {}
 
   '@rolldown/binding-android-arm64@1.0.1':
     optional: true
@@ -3431,6 +4315,10 @@ snapshots:
 
   chai@6.2.2: {}
 
+  chokidar@5.0.0:
+    dependencies:
+      readdirp: 5.0.0
+
   commander@7.2.0: {}
 
   commander@8.3.0: {}
@@ -4042,6 +4930,11 @@ snapshots:
 
   node-releases@2.0.44: {}
 
+  npm-run-path@6.0.0:
+    dependencies:
+      path-key: 4.0.0
+      unicorn-magic: 0.3.0
+
   obug@2.1.1: {}
 
   optionator@0.9.4:
@@ -4073,6 +4966,8 @@ snapshots:
 
   path-key@3.1.1: {}
 
+  path-key@4.0.0: {}
+
   pathe@2.0.3: {}
 
   picocolors@1.1.1: {}
@@ -4102,8 +4997,77 @@ snapshots:
       ansi-styles: 5.2.0
       react-is: 17.0.2
 
+  proper-lockfile@4.1.2:
+    dependencies:
+      graceful-fs: 4.2.11
+      retry: 0.12.0
+      signal-exit: 3.0.7
+
   punycode@2.3.1: {}
 
+  radix-ui@1.5.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-accessible-icon': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-accordion': 1.2.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-alert-dialog': 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-arrow': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-aspect-ratio': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-avatar': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-checkbox': 1.3.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-collapsible': 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-context-menu': 2.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dropdown-menu': 2.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-form': 0.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-hover-card': 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-label': 2.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-menubar': 1.1.17(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-navigation-menu': 1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-one-time-password-field': 0.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-password-toggle-field': 0.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-popover': 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-progress': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-radio-group': 1.4.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-scroll-area': 1.2.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-select': 2.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-separator': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slider': 1.4.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-switch': 1.3.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-tabs': 1.1.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toast': 1.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle-group': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toolbar': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-tooltip': 1.2.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-escape-keydown': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@19.2.14)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
   react-dom@19.2.6(react@19.2.6):
     dependencies:
       react: 19.2.6
@@ -4158,6 +5122,8 @@ snapshots:
 
   react@19.2.6: {}
 
+  readdirp@5.0.0: {}
+
   redent@3.0.0:
     dependencies:
       indent-string: 4.0.0
@@ -4165,6 +5131,8 @@ snapshots:
 
   require-from-string@2.0.2: {}
 
+  retry@0.12.0: {}
+
   robust-predicates@3.0.3: {}
 
   rolldown@1.0.1:
@@ -4219,6 +5187,8 @@ snapshots:
 
   siginfo@2.0.0: {}
 
+  signal-exit@3.0.7: {}
+
   source-map-js@1.2.1: {}
 
   stackback@0.0.2: {}
@@ -4237,6 +5207,8 @@ snapshots:
 
   tapable@2.3.3: {}
 
+  tiny-invariant@1.3.3: {}
+
   tinybench@2.9.0: {}
 
   tinyexec@1.1.2: {}
@@ -4291,6 +5263,8 @@ snapshots:
 
   undici@7.25.0: {}
 
+  unicorn-magic@0.3.0: {}
+
   update-browserslist-db@1.2.3(browserslist@4.28.2):
     dependencies:
       browserslist: 4.28.2
@@ -4318,6 +5292,21 @@ snapshots:
 
   uuid@14.0.0: {}
 
+  vite-plugin-checker@0.14.1(eslint@10.4.0(jiti@2.7.0))(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@24.12.4)(jiti@2.7.0)):
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      chokidar: 5.0.0
+      npm-run-path: 6.0.0
+      picocolors: 1.1.1
+      picomatch: 4.0.4
+      proper-lockfile: 4.1.2
+      tiny-invariant: 1.3.3
+      vite: 8.0.13(@types/node@24.12.4)(jiti@2.7.0)
+    optionalDependencies:
+      eslint: 10.4.0(jiti@2.7.0)
+      optionator: 0.9.4
+      typescript: 6.0.3
+
   vite@8.0.13(@types/node@24.12.4)(jiti@2.7.0):
     dependencies:
       lightningcss: 1.32.0
diff --git a/web/app/src/components/business/ProfileControls/APIKeyField.tsx b/web/app/src/components/business/ProfileControls/APIKeyField.tsx
index 3059ebd7..fb8dfb29 100644
--- a/web/app/src/components/business/ProfileControls/APIKeyField.tsx
+++ b/web/app/src/components/business/ProfileControls/APIKeyField.tsx
@@ -26,11 +26,7 @@ export function APIKeyField({ label, value, onInput, profile, required = false,
   const labelText = label || t("profileAPIKey");
   return (
     <label className="field api-key-field" htmlFor={inputID}>
-      {required ? (
-        requiredFieldLabel(labelText, { id: labelID })
-      ) : (
-        <span id={labelID}>{labelText}</span>
-      )}
+      {required ? requiredFieldLabel(labelText, { id: labelID }) : <span id={labelID}>{labelText}</span>}
       <div className="api-key-input-shell">
         <TextInput
           id={inputID}
diff --git a/web/app/src/components/ui/Dialog/Dialog.tsx b/web/app/src/components/ui/Dialog/Dialog.tsx
index 3329ce88..8270a520 100644
--- a/web/app/src/components/ui/Dialog/Dialog.tsx
+++ b/web/app/src/components/ui/Dialog/Dialog.tsx
@@ -1,4 +1,4 @@
-import * as RadixDialog from "@radix-ui/react-dialog";
+import { Dialog as RadixDialog } from "radix-ui";
 import { X } from "lucide-react";
 import { forwardRef } from "react";
 import type { ComponentPropsWithoutRef, ComponentRef, HTMLAttributes } from "react";
diff --git a/web/app/src/components/ui/DropdownMenu/DropdownMenu.tsx b/web/app/src/components/ui/DropdownMenu/DropdownMenu.tsx
index 12488180..b72958a1 100644
--- a/web/app/src/components/ui/DropdownMenu/DropdownMenu.tsx
+++ b/web/app/src/components/ui/DropdownMenu/DropdownMenu.tsx
@@ -1,4 +1,4 @@
-import * as RadixDropdownMenu from "@radix-ui/react-dropdown-menu";
+import { DropdownMenu as RadixDropdownMenu } from "radix-ui";
 import { forwardRef } from "react";
 import type { ComponentPropsWithoutRef, ComponentRef } from "react";
 import { classNames } from "@/shared/lib/classNames";
diff --git a/web/app/src/components/ui/Select/Select.tsx b/web/app/src/components/ui/Select/Select.tsx
index cb8ca0f3..e95a8b39 100644
--- a/web/app/src/components/ui/Select/Select.tsx
+++ b/web/app/src/components/ui/Select/Select.tsx
@@ -1,4 +1,4 @@
-import * as RadixSelect from "@radix-ui/react-select";
+import { Select as RadixSelect } from "radix-ui";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import { forwardRef } from "react";
 import type { ComponentPropsWithoutRef, ComponentRef, ReactNode } from "react";
diff --git a/web/app/src/hooks/workspace/useAgentController.ts b/web/app/src/hooks/workspace/useAgentController.ts
index c3c4159a..155cd5ec 100644
--- a/web/app/src/hooks/workspace/useAgentController.ts
+++ b/web/app/src/hooks/workspace/useAgentController.ts
@@ -237,13 +237,13 @@ export function useAgentController({
   const managerRuntimeOptions = availableManagerRebuildRuntimeOptions(
     managerTemplateVariants,
     bootstrapConfig,
-    managerAgent?.runtime_kind,
+    managerAgent?.runtime_kind ?? undefined,
   );
   const managerRebuildImageOptions = availableManagerRebuildImageOptions(
     managerTemplateVariants,
     managerRebuildRuntimeKind,
     bootstrapConfig,
-    managerAgent?.image,
+    managerAgent?.image ?? undefined,
     localRuntimeImages,
   );
   const agentsDisplayError =
@@ -406,7 +406,7 @@ export function useAgentController({
         provider: normalized,
         authenticated: false,
         login_required: true,
-        message: err.message || t("authMissing"),
+        message: errorMessage(err, t("authMissing")),
       });
     } finally {
       setCLIProxyAuthBusy("");
@@ -470,7 +470,7 @@ export function useAgentController({
       return true;
     } catch (err) {
       setAgentProgress((current) => (current ? { ...current, status: "failed" } : current));
-      setAgentsError(err.message || t("agentActionFailed"));
+      setAgentsError(errorMessage(err, t("agentActionFailed")));
       return false;
     } finally {
       setAgentActionBusy("");
@@ -517,7 +517,7 @@ export function useAgentController({
       setProfileDraft({ ...profileToDraft(saved), agent_id: MANAGER_AGENT_ID });
       await refreshManagerProfile();
     } catch (err) {
-      setProfileError(err.message || t("sendFailed"));
+      setProfileError(errorMessage(err, t("sendFailed")));
     } finally {
       setProfileBusy(false);
     }
@@ -664,7 +664,7 @@ export function useAgentController({
       setAgentDraft(draft);
       setShowAgentModal(true);
     } catch (err) {
-      setAgentError(err.message || t("agentActionFailed"));
+      setAgentError(errorMessage(err, t("agentActionFailed")));
     }
   }
 
@@ -679,7 +679,7 @@ export function useAgentController({
       setAgentPageDraft(draft);
       setAgentPageSavedDraft(draft);
     } catch (err) {
-      setAgentPageError(err.message || t("agentActionFailed"));
+      setAgentPageError(errorMessage(err, t("agentActionFailed")));
       const draft = ensureNotifierPullSubscriptionDraft(agentToDraft(item));
       setAgentPageDraft(draft);
       setAgentPageSavedDraft(draft);
@@ -806,7 +806,7 @@ export function useAgentController({
       setAgentPageDraft(savedDraft);
       setAgentPageSavedDraft(savedDraft);
     } catch (err) {
-      setAgentPageError(err.message || t("agentActionFailed"));
+      setAgentPageError(errorMessage(err, t("agentActionFailed")));
     } finally {
       setAgentPageBusy(false);
     }
@@ -826,7 +826,7 @@ export function useAgentController({
       }
       selectHub();
     } catch (err) {
-      setAgentPageError(err.message || t("agentActionFailed"));
+      setAgentPageError(errorMessage(err, t("agentActionFailed")));
     } finally {
       setAgentPagePublishBusy(false);
     }
@@ -839,6 +839,12 @@ export function useAgentController({
     setAgentBusy(true);
     setAgentError("");
     const isCreate = agentModalMode === "create";
+    const editingAgentID = String(editingAgent?.id ?? "").trim();
+    if (!isCreate && !editingAgentID) {
+      setAgentError(t("agentActionFailed"));
+      setAgentBusy(false);
+      return;
+    }
     const isNotification = isNotificationBotDraftContext(
       agentDraft,
       editingAgent,
@@ -858,9 +864,7 @@ export function useAgentController({
         if (runtimeOptions) {
           payload.runtime_options = runtimeOptions;
         }
-        await (isCreate
-          ? createNotificationBotRequest(payload)
-          : patchNotificationBotRequest(editingAgent!.id, payload));
+        await (isCreate ? createNotificationBotRequest(payload) : patchNotificationBotRequest(editingAgentID, payload));
         await refreshAgents();
         await refreshWorkspaceBootstrap();
         if (isCreate) {
@@ -897,7 +901,7 @@ export function useAgentController({
       }
       const saved = isCreate
         ? await createBotRequest(payload)
-        : await updateAgentRequest(editingAgent!.id, {
+        : await updateAgentRequest(editingAgentID, {
             name: payload.name,
             avatar: payload.avatar,
             description: payload.description,
@@ -921,7 +925,7 @@ export function useAgentController({
       setAgentProgress(null);
     } catch (err) {
       setAgentProgress((current) => (current ? { ...current, status: "failed" } : current));
-      setAgentError(err.message || t("agentActionFailed"));
+      setAgentError(errorMessage(err, t("agentActionFailed")));
     } finally {
       setAgentBusy(false);
     }
@@ -958,7 +962,7 @@ export function useAgentController({
         await refreshManagerProfile();
       }
     } catch (err) {
-      setAgentsError(err.message || t("agentActionFailed"));
+      setAgentsError(errorMessage(err, t("agentActionFailed")));
     } finally {
       setAgentActionBusy("");
     }
@@ -982,7 +986,7 @@ export function useAgentController({
       }
       return true;
     } catch (err) {
-      setAgentsError(err.message || t("agentActionFailed"));
+      setAgentsError(errorMessage(err, t("agentActionFailed")));
       return false;
     } finally {
       setAgentActionBusy("");
@@ -1006,7 +1010,7 @@ export function useAgentController({
       await refreshWorkspaceBootstrap();
     } catch (err) {
       if (!options.silent) {
-        setAgentsError(err.message || t("agentActionFailed"));
+        setAgentsError(errorMessage(err, t("agentActionFailed")));
       }
     }
   }
@@ -1108,8 +1112,8 @@ export function useAgentController({
       if (!direct) {
         await createUserRequest({
           id: channelUserID,
-          name: item?.name || channelUserID,
-          handle: item?.handle || channelUserID.replace(/^u-/, "") || item?.name,
+          name: String(item?.name || item?.handle || channelUserID),
+          handle: String(item?.handle || channelUserID.replace(/^u-/, "") || item?.name || channelUserID),
           role: item?.role || WORKER_AGENT_ROLE,
         });
         nextData = await refreshWorkspaceBootstrap();
@@ -1126,7 +1130,7 @@ export function useAgentController({
       }
       selectConversation(direct.id, { rooms: nextData?.rooms ?? rooms });
     } catch (err) {
-      setAgentsError(err.message || t("agentActionFailed"));
+      setAgentsError(errorMessage(err, t("agentActionFailed")));
     }
   }
 
diff --git a/web/app/src/hooks/workspace/useConfigController.ts b/web/app/src/hooks/workspace/useConfigController.ts
index f4916677..a8a2a81d 100644
--- a/web/app/src/hooks/workspace/useConfigController.ts
+++ b/web/app/src/hooks/workspace/useConfigController.ts
@@ -2,12 +2,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { fetchServerConfig, fetchServerRestartStatus, restartServer, updateServerConfig } from "@/api/config";
 import { errorMessage } from "@/api/client";
 import type { ConfigSettingsDraft } from "@/models/configSettings";
-import {
-  configDraftToUpdatePayload,
-  configSettingsToDraft,
-  normalizeConfigSettings,
-} from "@/models/configSettings";
-import type { HubTemplate } from "@/models/hubWorkspace";
+import { configDraftToUpdatePayload, configSettingsToDraft, normalizeConfigSettings } from "@/models/configSettings";
 import type { ConfigController, UseConfigControllerArgs } from "./types";
 
 export type ConfigPhase = "idle" | "loading" | "saving" | "restarting" | "manual_restart" | "done" | "error";
diff --git a/web/app/src/hooks/workspace/useConversationController.ts b/web/app/src/hooks/workspace/useConversationController.ts
index c7cec936..30eceeed 100644
--- a/web/app/src/hooks/workspace/useConversationController.ts
+++ b/web/app/src/hooks/workspace/useConversationController.ts
@@ -138,12 +138,12 @@ export function useConversationController({
   const [inviteUserIDs, setInviteUserIDs] = useState<string[]>([]);
   const [submitError, setSubmitError] = useState("");
   const [composerError, setComposerError] = useState("");
-  const editorRef = useRef<HTMLElement | null>(null);
+  const editorRef = useRef<HTMLDivElement | null>(null);
   const composerIsComposingRef = useRef(false);
   const composerJustEndedCompositionRef = useRef(false);
   const messageListRef = useRef<HTMLElement | null>(null);
-  const memberMenuRef = useRef<HTMLElement | null>(null);
-  const channelToolsRef = useRef<HTMLElement | null>(null);
+  const memberMenuRef = useRef<HTMLDivElement | null>(null);
+  const channelToolsRef = useRef<HTMLDivElement | null>(null);
   const shouldAutoScrollRef = useRef(true);
   const autoScrollConversationRef = useRef(activeConversationId);
   const activeThreadKeyRef = useRef("");
@@ -229,7 +229,7 @@ export function useConversationController({
     return "";
   }, [activeConversationAgentMembers, logAgent?.id]);
   const activeConversationMembers = activeConversation
-    ? activeConversation.members.map((id) => usersById.get(id)).filter(Boolean)
+    ? activeConversation.members.map((id) => usersById.get(id)).filter((user): user is IMUser => Boolean(user))
     : [];
   const inviteCandidates = activeConversation
     ? data?.users.filter((user) => !activeConversation.members.includes(user.id)) || []
@@ -322,7 +322,7 @@ export function useConversationController({
       }
       if (payload?.type === "message.created" && payload.message) {
         if (threadMessageKey(payload.room_id, payload.message) === activeThreadKeyRef.current) {
-          setActiveThreadView((current) => appendReplyToThreadView(current, payload.message));
+          setActiveThreadView((current) => appendReplyToThreadView(current, payload.message) ?? null);
         }
       }
       if (payload?.type === "upgrade.status_changed" && payload.upgrade) {
@@ -576,7 +576,7 @@ export function useConversationController({
       setComposerError(t("authRequired"));
       return;
     }
-    if (!data || !activeConversation || !draftText.trim()) {
+    if (!data?.current_user_id || !activeConversation || !draftText.trim()) {
       return;
     }
 
@@ -651,7 +651,7 @@ export function useConversationController({
     }
     const serializedDraft = serializeComposerSegments(activeThreadDraftSegments);
     const text = normalizeSlashShorthandForPayload(serializedDraft);
-    if (!data || !activeConversation || !activeThreadRootID || !text.trim()) {
+    if (!data?.current_user_id || !activeConversation || !activeThreadRootID || !text.trim()) {
       return;
     }
 
@@ -667,7 +667,7 @@ export function useConversationController({
         },
       });
       setThreadDraftsByKey((current) => updateDrafts(current, activeThreadDraftKey, []));
-      setActiveThreadView((current) => appendReplyToThreadView(current, created));
+      setActiveThreadView((current) => appendReplyToThreadView(current, created) ?? null);
       setBootstrapData((current) => appendMessageToData(current, activeConversation.id, created));
       await refreshThreadView(activeConversation.id, activeThreadRootID);
     } catch (err) {
@@ -688,12 +688,12 @@ export function useConversationController({
   }
 
   async function createRoom(): Promise<void> {
-    if (!data || !roomTitle.trim()) {
+    if (!data?.current_user_id || !roomTitle.trim()) {
       return;
     }
 
     setSubmitError("");
-    const memberIDs = roomMemberIDs.filter((id) => id && id !== data.current_user_id);
+    const memberIDs = roomMemberIDs.filter((id): id is string => Boolean(id && id !== data.current_user_id));
     try {
       const created = await createRoomRequest({
         title: roomTitle,
@@ -707,7 +707,7 @@ export function useConversationController({
       setComposerError("");
       setShowCreateRoom(false);
     } catch (err) {
-      setSubmitError(localizeError(err.message, t));
+      setSubmitError(localizeError(errorMessage(err, ""), t));
     }
   }
 
@@ -715,8 +715,12 @@ export function useConversationController({
     if (!data) {
       return;
     }
-    const lockedIDs = Array.from(new Set((options.lockedMemberIDs ?? [data.current_user_id]).filter(Boolean)));
-    const selectedIDs = Array.from(new Set((options.preselectedMemberIDs ?? lockedIDs).filter(Boolean)));
+    const lockedIDs = Array.from(
+      new Set((options.lockedMemberIDs ?? [data.current_user_id]).filter((id): id is string => Boolean(id))),
+    );
+    const selectedIDs = Array.from(
+      new Set((options.preselectedMemberIDs ?? lockedIDs).filter((id): id is string => Boolean(id))),
+    );
     setRoomTitle(options.title ?? "");
     setRoomDescription(options.description ?? "");
     setRoomMemberIDs(selectedIDs);
@@ -743,7 +747,7 @@ export function useConversationController({
   }
 
   async function inviteUsers(): Promise<void> {
-    if (!data || !activeConversation || inviteUserIDs.length === 0) {
+    if (!data?.current_user_id || !activeConversation || inviteUserIDs.length === 0) {
       return;
     }
 
@@ -759,7 +763,7 @@ export function useConversationController({
       setComposerError("");
       setShowInvite(false);
     } catch (err) {
-      setSubmitError(localizeError(err.message, t));
+      setSubmitError(localizeError(errorMessage(err, ""), t));
     }
   }
 
@@ -771,7 +775,7 @@ export function useConversationController({
     try {
       await deleteRoomRequest(roomID);
     } catch (err) {
-      setComposerError(localizeError(err.message, t));
+      setComposerError(localizeError(errorMessage(err, ""), t));
       return;
     }
 
@@ -807,7 +811,7 @@ export function useConversationController({
     try {
       clearedRoom = await clearRoomMessagesRequest(roomID);
     } catch (err) {
-      setComposerError(localizeError(err.message, t));
+      setComposerError(localizeError(errorMessage(err, ""), t));
       return;
     }
 
@@ -1182,9 +1186,9 @@ export function buildSlashPickerState(input: SlashPickerStateInput): SlashPicker
       ...builtinSlashCommandNames
         .filter((name) => fuzzySkillMatch(name, query ?? ""))
         .map((name) => ({ name, type: "command" as const })),
-      ...input.skillNames.filter(
-        (name) => !builtinSlashCommandNames.includes(name) && fuzzySkillMatch(name, query ?? ""),
-      ).map((name) => ({ name, type: "skill" as const })),
+      ...input.skillNames
+        .filter((name) => !builtinSlashCommandNames.includes(name) && fuzzySkillMatch(name, query ?? ""))
+        .map((name) => ({ name, type: "skill" as const })),
     ],
   };
 }
diff --git a/web/app/src/hooks/workspace/useProfileModelOptions.ts b/web/app/src/hooks/workspace/useProfileModelOptions.ts
index 79445dd9..ab449b7f 100644
--- a/web/app/src/hooks/workspace/useProfileModelOptions.ts
+++ b/web/app/src/hooks/workspace/useProfileModelOptions.ts
@@ -19,7 +19,7 @@ export function useProfileModelOptions({ draft, enabled = true, onDraftChange }:
   const shouldLoad = Boolean(enabled && draft?.provider && !isNotifierRuntimeDraft(draft));
 
   useEffect(() => {
-    if (!shouldLoad) {
+    if (!shouldLoad || !draft) {
       setRequestDraft(null);
       return undefined;
     }
diff --git a/web/app/src/hooks/workspace/useProfilePreviewController.ts b/web/app/src/hooks/workspace/useProfilePreviewController.ts
index e3ee3143..e764a42f 100644
--- a/web/app/src/hooks/workspace/useProfilePreviewController.ts
+++ b/web/app/src/hooks/workspace/useProfilePreviewController.ts
@@ -27,18 +27,19 @@ export function useProfilePreviewController({
   const profilePreviewRef = useRef<HTMLElement | null>(null);
 
   useEffect(() => {
-    if (!profilePreview) {
+    const activePreview = profilePreview;
+    if (!activePreview) {
       return undefined;
     }
+    const activeAnchor = activePreview.anchorEl;
 
     function handlePointerDown(event: MouseEvent) {
       const preview = profilePreviewRef.current;
-      const anchor = profilePreview?.anchorEl;
       if (
         !preview ||
         !(event.target instanceof Node) ||
         preview.contains(event.target) ||
-        anchor.contains(event.target)
+        activeAnchor.contains(event.target)
       ) {
         return;
       }
@@ -70,17 +71,17 @@ export function useProfilePreviewController({
     : null;
 
   function openParticipantPreview(user: IMUser | null | undefined, anchor: HTMLElement | null | undefined) {
-    if (!user?.id) {
+    if (!user?.id || !anchor) {
       return;
     }
-    const rect = anchor?.getBoundingClientRect?.();
-    if (!rect) {
+    const rect = anchor.getBoundingClientRect();
+    const agent = agentItems.find((item) => agentMatchesUser(item, user));
+    const nextID = String(agent?.id || user.id).trim();
+    if (!nextID) {
       return;
     }
-    const agent = agentItems.find((item) => agentMatchesUser(item, user));
     setProfilePreview((current) => {
       const nextType = agent ? WorkspacePaneTypes.agent : "user";
-      const nextID = agent ? agent.id : user.id;
       if (current?.type === nextType && current?.id === nextID) {
         return null;
       }
@@ -100,20 +101,18 @@ export function useProfilePreviewController({
   }
 
   function openAgentPreview(item: AgentLike | null | undefined, anchor: HTMLElement | null | undefined) {
-    if (!item?.id) {
-      return;
-    }
-    const rect = anchor?.getBoundingClientRect?.();
-    if (!rect) {
+    if (!item?.id || !anchor) {
       return;
     }
+    const itemID = item.id;
+    const rect = anchor.getBoundingClientRect();
     setProfilePreview((current) => {
-      if (current?.type === WorkspacePaneTypes.agent && current?.id === item.id) {
+      if (current?.type === WorkspacePaneTypes.agent && current?.id === itemID) {
         return null;
       }
       return {
         type: WorkspacePaneTypes.agent,
-        id: item.id,
+        id: itemID,
         anchorRect: {
           top: rect.top,
           right: rect.right,
diff --git a/web/app/src/hooks/workspace/useTaskController.ts b/web/app/src/hooks/workspace/useTaskController.ts
index d0300948..2dcbc44c 100644
--- a/web/app/src/hooks/workspace/useTaskController.ts
+++ b/web/app/src/hooks/workspace/useTaskController.ts
@@ -72,7 +72,8 @@ export function useTaskController({
     queryKey: teamEventsQueryKey(activeEventsTeamID),
     queryFn: () => fetchTeamEvents(activeEventsTeamID),
     enabled: Boolean(activeEventsTeamID),
-    refetchInterval: shouldPollActiveTaskBoard ? TASK_BOARD_POLL_DELAY_MS : false,  });
+    refetchInterval: shouldPollActiveTaskBoard ? TASK_BOARD_POLL_DELAY_MS : false,
+  });
   const taskEvents = useMemo(() => taskEventsQuery.data ?? [], [taskEventsQuery.data]);
 
   useEffect(() => {
diff --git a/web/app/src/hooks/workspace/useWorkspaceController.ts b/web/app/src/hooks/workspace/useWorkspaceController.ts
index 191ca676..e3384aad 100644
--- a/web/app/src/hooks/workspace/useWorkspaceController.ts
+++ b/web/app/src/hooks/workspace/useWorkspaceController.ts
@@ -13,6 +13,7 @@ import { useAgentController } from "./useAgentController";
 import { useConversationController } from "./useConversationController";
 import { useProfilePreviewController } from "./useProfilePreviewController";
 import { useTaskController } from "./useTaskController";
+import type { CreateTeamPayload } from "@/api/tasks";
 import type { HubTemplate } from "@/models/hubWorkspace";
 import type { IMData, IMUser } from "@/models/conversations";
 
@@ -287,7 +288,7 @@ export function useWorkspaceController() {
       threadGroups: conversation.threadGroups,
       activePane,
       activeThreadRootID: conversation.activeThreadRootID,
-      currentUserID: displayData.current_user_id,
+      currentUserID: displayData.current_user_id ?? "",
       usersById: conversation.usersById,
       collapsedWorkspaceGroups,
       showUpgradeControls: bootstrapConfig?.show_upgrade !== false,
@@ -295,7 +296,7 @@ export function useWorkspaceController() {
       onCreateRoom: () => conversation.openCreateRoomModal(),
       onCreateAgent: agent.openCreateAgentModal,
       onCreateNotificationParticipant: agent.openCreateNotificationParticipantModal,
-      onCreateTeam: async ({ title, lead_bot_id, member_bot_ids }) => {
+      onCreateTeam: async ({ title, lead_bot_id, member_bot_ids }: CreateTeamPayload) => {
         await agent.agentViewProps.onCreateTeam?.({
           channel: "csgclaw",
           title,
diff --git a/web/app/src/hooks/workspace/useWorkspaceHubSelection.ts b/web/app/src/hooks/workspace/useWorkspaceHubSelection.ts
index fa88bbe8..0eaa6e84 100644
--- a/web/app/src/hooks/workspace/useWorkspaceHubSelection.ts
+++ b/web/app/src/hooks/workspace/useWorkspaceHubSelection.ts
@@ -26,7 +26,7 @@ export function useWorkspaceHubSelection({
       return;
     }
     setSelectedHubTemplateId((current) =>
-      hubTemplates.some((item) => item.id === current) ? current : hubTemplates[0].id,
+      hubTemplates.some((item) => item.id === current) ? current : (hubTemplates[0]?.id ?? ""),
     );
   }, [hubTemplates, setSelectedHubTemplateId, setSelectedHubWorkspacePath]);
 
diff --git a/web/app/src/hooks/workspace/workspaceUiStore.ts b/web/app/src/hooks/workspace/workspaceUiStore.ts
index 0e7ef513..e9e0e94c 100644
--- a/web/app/src/hooks/workspace/workspaceUiStore.ts
+++ b/web/app/src/hooks/workspace/workspaceUiStore.ts
@@ -43,7 +43,7 @@ export const useWorkspaceUiStore = create<WorkspaceUiState>((set) => ({
   showToolCalls: true,
   isSidebarCollapsed: window.localStorage.getItem(SIDEBAR_COLLAPSED_STORAGE_KEY) === "true",
   collapsedWorkspaceGroups: readCollapsedWorkspaceGroups(),
-  activeConversationId: initialPane.type === WorkspacePaneTypes.conversation ? initialPane.id : "",
+  activeConversationId: initialPane.type === WorkspacePaneTypes.conversation ? String(initialPane.id ?? "") : "",
   workspaceTab: workspaceTabForPane(initialPane),
   selectedHubTemplateId: "",
   selectedHubWorkspacePath: "",
diff --git a/web/app/src/models/agents.ts b/web/app/src/models/agents.ts
index 7ae11a62..56c8de79 100644
--- a/web/app/src/models/agents.ts
+++ b/web/app/src/models/agents.ts
@@ -78,19 +78,21 @@ export type AgentLike = AgentProfileLike & {
   status?: string | null;
   template_name?: string | null;
   user_id?: string | null;
-  participants?: {
-    agent_id?: string | null;
-    channel?: string | null;
-    channel_app_ref?: string | null;
-    channel_user_kind?: string | null;
-    channel_user_ref?: string | null;
-    id?: string | null;
-    lifecycle_status?: string | null;
-    mentionable?: boolean | null;
-    metadata?: JSONRecord | null;
-    name?: string | null;
-    type?: string | null;
-  }[] | null;
+  participants?:
+    | {
+        agent_id?: string | null;
+        channel?: string | null;
+        channel_app_ref?: string | null;
+        channel_user_kind?: string | null;
+        channel_user_ref?: string | null;
+        id?: string | null;
+        lifecycle_status?: string | null;
+        mentionable?: boolean | null;
+        metadata?: JSONRecord | null;
+        name?: string | null;
+        type?: string | null;
+      }[]
+    | null;
 };
 
 export type AvatarLikeUser = {
@@ -136,7 +138,11 @@ export type AgentDraft = {
   template_name?: string;
 };
 
-export type AgentDraftSource = AgentLike & Partial<AgentDraft>;
+type NullableAgentDraftFields = {
+  [Key in keyof AgentDraft]?: AgentDraft[Key] | null;
+};
+
+export type AgentDraftSource = AgentLike & NullableAgentDraftFields;
 
 export type AgentTemplateLike = {
   description?: string | null;
@@ -299,7 +305,9 @@ export function partitionWorkspaceAgentItems(
   const manager = (agents ?? []).find((item) => item.role === MANAGER_AGENT_ROLE || item.id === managerID) ?? null;
   const rest = (agents ?? []).filter((item) => item.id !== manager?.id);
   const notificationAgentItems = rest.filter((item) => isNotificationBotAgent(item));
-  const workerAgentItems = [manager, ...rest.filter((item) => !isNotificationBotAgent(item))].filter(Boolean);
+  const workerAgentItems = [manager, ...rest.filter((item) => !isNotificationBotAgent(item))].filter(
+    (item): item is AgentLike => Boolean(item),
+  );
   return { workerAgentItems, notificationAgentItems };
 }
 
@@ -813,6 +821,18 @@ export function pickDefaultAgentTemplate(
   return candidates[0];
 }
 
+export function applyTemplateToDraft(
+  draft: AgentDraft,
+  template: AgentTemplateLike | null | undefined,
+  bootstrapConfig: RuntimeBootstrapConfig | null | undefined,
+  fallbackImage?: string,
+): AgentDraft;
+export function applyTemplateToDraft(
+  draft: null | undefined,
+  template: AgentTemplateLike | null | undefined,
+  bootstrapConfig: RuntimeBootstrapConfig | null | undefined,
+  fallbackImage?: string,
+): null | undefined;
 export function applyTemplateToDraft(
   draft: AgentDraft | null | undefined,
   template: AgentTemplateLike | null | undefined,
@@ -990,7 +1010,7 @@ export function mapImageEnvToRows(contracts: readonly ImageEnvContract[] | null
 
 export function envRowsToMap(rows: readonly EnvKeyValueRow[] | null | undefined): Record<string, string> {
   const result: Record<string, string> = {};
-  const seen = new Set();
+  const seen = new Set<string>();
   for (const row of rows ?? []) {
     const key = String(row?.key ?? "").trim();
     const value = String(row?.value ?? "");
@@ -1191,8 +1211,9 @@ export function runtimeImageForKind(
     return "";
   }
   const images = normalizeRuntimeImageMap(bootstrapConfig?.runtime_default_images);
-  if (images[runtimeKind]) {
-    return images[runtimeKind];
+  const configuredImage = images[runtimeKind];
+  if (configuredImage) {
+    return configuredImage;
   }
   if (normalizeRuntimeKind(bootstrapConfig?.runtime_kind) === runtimeKind && bootstrapConfig?.effective_manager_image) {
     return String(bootstrapConfig.effective_manager_image).trim();
diff --git a/web/app/src/models/composer.ts b/web/app/src/models/composer.ts
index 0ab6ff12..328bfb2d 100644
--- a/web/app/src/models/composer.ts
+++ b/web/app/src/models/composer.ts
@@ -13,15 +13,50 @@ export type ComposerSegment =
       userName: string;
     };
 
+export type ComposerMentionUser = {
+  handle?: string | null;
+  id: string;
+  name?: string | null;
+};
+
+export type ComposerMentionState = {
+  endOffset: number;
+  query: string;
+  startOffset: number;
+  textNode?: Node;
+};
+
 export type ComposerSlashState = {
   endOffset: number;
   query: string;
   startOffset: number;
-  textNode: Node;
+  textNode: Text;
   tokenElement?: HTMLElement;
 };
 
-export function createMentionTokenElement(user) {
+type ComposerTextQueryContext = {
+  isSlashToken?: boolean;
+  offset: number;
+  slashTokenElement?: HTMLElement;
+  textBeforeCursor: string;
+  textNode: Text;
+};
+
+type ComposerCaretDirection = "backward" | "forward";
+
+type ComposerKeyboardLikeEvent = {
+  isComposing?: boolean;
+  key?: string;
+  keyCode?: number;
+  nativeEvent?: {
+    isComposing?: boolean;
+    keyCode?: number;
+    which?: number;
+  };
+  which?: number;
+};
+
+export function createMentionTokenElement(user: ComposerMentionUser): HTMLSpanElement {
   const token = document.createElement("span");
   token.className = "composer-mention-token";
   token.dataset.userId = user.id;
@@ -31,7 +66,7 @@ export function createMentionTokenElement(user) {
   return token;
 }
 
-export function createSlashTokenElement(value) {
+export function createSlashTokenElement(value: unknown): HTMLSpanElement {
   const token = document.createElement("span");
   token.className = "composer-slash-token";
   token.dataset.composerSlashToken = "true";
@@ -42,9 +77,9 @@ export function createSlashTokenElement(value) {
 
 const slashTokenPattern = /(^|[\s])\/[A-Za-z0-9._-]+(?!\/)/g;
 
-function splitTextSegmentBySlash(value) {
+function splitTextSegmentBySlash(value: unknown): ComposerSegment[] {
   const text = String(value ?? "");
-  const segments = [];
+  const segments: ComposerSegment[] = [];
   let last = 0;
   for (const match of text.matchAll(slashTokenPattern)) {
     const fullMatch = match[0] || "";
@@ -62,8 +97,10 @@ function splitTextSegmentBySlash(value) {
   return segments;
 }
 
-export function normalizeComposerSegmentsForDisplay(segments) {
-  const normalized = [];
+export function normalizeComposerSegmentsForDisplay(
+  segments: readonly (ComposerSegment | null | undefined)[] | null | undefined,
+): ComposerSegment[] {
+  const normalized: ComposerSegment[] = [];
   for (const segment of segments ?? []) {
     if (!segment) {
       continue;
@@ -81,7 +118,10 @@ export function normalizeComposerSegmentsForDisplay(segments) {
   return normalized;
 }
 
-export function appendComposerSegments(parent, segments) {
+export function appendComposerSegments(
+  parent: ParentNode | null | undefined,
+  segments: readonly (ComposerSegment | null | undefined)[] | null | undefined,
+): void {
   if (!parent) {
     return;
   }
@@ -115,7 +155,10 @@ export function appendComposerSegments(parent, segments) {
   }
 }
 
-export function renderComposerSegments(root, segments) {
+export function renderComposerSegments(
+  root: HTMLElement | null | undefined,
+  segments: readonly (ComposerSegment | null | undefined)[] | null | undefined,
+): void {
   if (!root) {
     return;
   }
@@ -123,16 +166,16 @@ export function renderComposerSegments(root, segments) {
   appendComposerSegments(root, segments);
 }
 
-export function parseComposerSegments(root) {
+export function parseComposerSegments(root: Node | null | undefined): ComposerSegment[] {
   if (!root) {
     return [];
   }
-  const segments = [];
+  const segments: ComposerSegment[] = [];
   collectComposerSegments(root, segments);
   return normalizeComposerSegments(segments);
 }
 
-export function collectComposerSegments(node, segments) {
+export function collectComposerSegments(node: Node, segments: ComposerSegment[]): void {
   node.childNodes.forEach((child) => {
     if (child.nodeType === Node.TEXT_NODE) {
       segments.push({ type: "text", text: child.textContent ?? "" });
@@ -141,31 +184,34 @@ export function collectComposerSegments(node, segments) {
     if (child.nodeType !== Node.ELEMENT_NODE) {
       return;
     }
-    if (child.dataset?.userId) {
+    const element = child as HTMLElement;
+    if (element.dataset?.userId) {
       segments.push({
         type: "mention",
-        userId: child.dataset.userId,
-        userName: child.dataset.userName || child.textContent?.replace(/^@/, "") || child.dataset.userId,
+        userId: element.dataset.userId,
+        userName: element.dataset.userName || element.textContent?.replace(/^@/, "") || element.dataset.userId,
       });
       return;
     }
-    if (child.dataset?.composerSlashToken) {
-      segments.push({ type: "slash", text: child.textContent ?? "" });
+    if (element.dataset?.composerSlashToken) {
+      segments.push({ type: "slash", text: element.textContent ?? "" });
       return;
     }
-    if (child.tagName === "BR") {
+    if (element.tagName === "BR") {
       segments.push({ type: "text", text: "\n" });
       return;
     }
-    collectComposerSegments(child, segments);
-    if (child.tagName === "DIV" || child.tagName === "P") {
+    collectComposerSegments(element, segments);
+    if (element.tagName === "DIV" || element.tagName === "P") {
       segments.push({ type: "text", text: "\n" });
     }
   });
 }
 
-export function normalizeComposerSegments(segments) {
-  const normalized = [];
+export function normalizeComposerSegments(
+  segments: readonly (ComposerSegment | null | undefined)[],
+): ComposerSegment[] {
+  const normalized: ComposerSegment[] = [];
   for (const segment of segments) {
     if (!segment) {
       continue;
@@ -192,16 +238,20 @@ export function normalizeComposerSegments(segments) {
       normalized.push({ type: "text", text });
     }
   }
-  while (normalized.at(-1)?.type === "text" && normalized.at(-1).text.endsWith("\n")) {
-    normalized.at(-1).text = normalized.at(-1).text.replace(/\n+$/, "");
-    if (!normalized.at(-1).text) {
+  for (;;) {
+    const last = normalized[normalized.length - 1];
+    if (last?.type !== "text" || !last.text.endsWith("\n")) {
+      break;
+    }
+    last.text = last.text.replace(/\n+$/, "");
+    if (!last.text) {
       normalized.pop();
     }
   }
   return normalized;
 }
 
-export function segmentsToPlainText(segments) {
+export function segmentsToPlainText(segments: readonly ComposerSegment[] | null | undefined): string {
   return (segments ?? [])
     .map((segment) => {
       if (segment.type === "mention") {
@@ -212,7 +262,10 @@ export function segmentsToPlainText(segments) {
     .join("");
 }
 
-export function areComposerSegmentsEqual(left, right) {
+export function areComposerSegmentsEqual(
+  left: readonly ComposerSegment[] | null | undefined,
+  right: readonly ComposerSegment[] | null | undefined,
+): boolean {
   if (left === right) {
     return true;
   }
@@ -221,16 +274,23 @@ export function areComposerSegmentsEqual(left, right) {
   }
   return left.every((segment, index) => {
     const other = right[index];
-    return (
-      segment.type === other?.type &&
-      segment.text === other?.text &&
-      segment.userId === other?.userId &&
-      segment.userName === other?.userName
-    );
+    if (!other || segment.type !== other.type) {
+      return false;
+    }
+    if (segment.type === "mention") {
+      if (other.type !== "mention") {
+        return false;
+      }
+      return segment.userId === other.userId && segment.userName === other.userName;
+    }
+    if (other.type === "mention") {
+      return false;
+    }
+    return segment.text === other.text;
   });
 }
 
-export function isComposerKeyboardEventComposing(event) {
+export function isComposerKeyboardEventComposing(event: ComposerKeyboardLikeEvent | null | undefined): boolean {
   const nativeEvent = event?.nativeEvent;
   return Boolean(
     event?.isComposing ||
@@ -242,7 +302,11 @@ export function isComposerKeyboardEventComposing(event) {
   );
 }
 
-export function updateDrafts(current, conversationID, segments) {
+export function updateDrafts(
+  current: Record<string, ComposerSegment[]>,
+  conversationID: string,
+  segments: readonly ComposerSegment[] | null | undefined,
+): Record<string, ComposerSegment[]> {
   const normalized = normalizeComposerSegments(segments ?? []);
   const existing = current[conversationID] ?? [];
   if (areComposerSegmentsEqual(existing, normalized)) {
@@ -259,7 +323,7 @@ export function updateDrafts(current, conversationID, segments) {
   return { ...current, [conversationID]: normalized };
 }
 
-export function serializeComposerSegments(segments) {
+export function serializeComposerSegments(segments: readonly ComposerSegment[] | null | undefined): string {
   return (segments ?? [])
     .map((segment) => {
       if (segment.type === "mention") {
@@ -272,15 +336,18 @@ export function serializeComposerSegments(segments) {
     .join("");
 }
 
-export function splitTextSegmentByMentions(text, mentionableUsersByHandle) {
+export function splitTextSegmentByMentions(
+  text: unknown,
+  mentionableUsersByHandle: Map<string, ComposerMentionUser> | null | undefined,
+): ComposerSegment[] {
   const content = String(text ?? "");
   if (!content || !mentionableUsersByHandle || mentionableUsersByHandle.size === 0) {
     return content ? [{ type: "text", text: content }] : [];
   }
   const mentionPattern = /(^|[^\w])@([a-zA-Z0-9._-]+)/g;
-  const segments = [];
+  const segments: ComposerSegment[] = [];
   let lastIndex = 0;
-  let match;
+  let match: RegExpExecArray | null;
   while ((match = mentionPattern.exec(content)) !== null) {
     const prefix = match[1] ?? "";
     const handle = match[2] ?? "";
@@ -305,8 +372,11 @@ export function splitTextSegmentByMentions(text, mentionableUsersByHandle) {
   return segments;
 }
 
-export function normalizeTextMentions(segments, mentionableUsersByHandle) {
-  const normalized = [];
+export function normalizeTextMentions(
+  segments: readonly (ComposerSegment | null | undefined)[] | null | undefined,
+  mentionableUsersByHandle: Map<string, ComposerMentionUser> | null | undefined,
+): ComposerSegment[] {
+  const normalized: ComposerSegment[] = [];
   for (const segment of segments ?? []) {
     if (!segment) {
       continue;
@@ -320,11 +390,15 @@ export function normalizeTextMentions(segments, mentionableUsersByHandle) {
   return normalizeComposerSegments(normalized);
 }
 
-export function getMentionCandidates(users, query, options: { limit?: number } = {}) {
+export function getMentionCandidates(
+  users: readonly (ComposerMentionUser | null | undefined)[] | null | undefined,
+  query: unknown,
+  options: { limit?: number } = {},
+): ComposerMentionUser[] {
   const normalizedQuery = String(query ?? "")
     .trim()
     .toLowerCase();
-  const validUsers = (users ?? []).filter((user) => user?.id);
+  const validUsers = (users ?? []).filter((user): user is ComposerMentionUser => Boolean(user?.id));
   if (!normalizedQuery) {
     return validUsers;
   }
@@ -338,7 +412,7 @@ export function getMentionCandidates(users, query, options: { limit?: number } =
     .slice(0, limit);
 }
 
-export function getComposerMentionState(root) {
+export function getComposerMentionState(root: HTMLElement | null | undefined): ComposerMentionState | null {
   if (!root) {
     return null;
   }
@@ -358,18 +432,19 @@ export function getComposerMentionState(root) {
   if (!match) {
     return null;
   }
+  const query = match[2] ?? "";
   return {
-    query: match[2],
+    query,
     textNode: context.textNode,
-    startOffset: context.offset - match[2].length - 1,
+    startOffset: context.offset - query.length - 1,
     endOffset: context.offset,
   };
 }
 
-export function getActiveTextQueryContext(node, offset) {
+export function getActiveTextQueryContext(node: Node, offset: number): ComposerTextQueryContext | null {
   if (node.nodeType === Node.TEXT_NODE) {
     return {
-      textNode: node,
+      textNode: node as Text,
       offset,
       textBeforeCursor: (node.textContent ?? "").slice(0, offset),
     };
@@ -382,13 +457,13 @@ export function getActiveTextQueryContext(node, offset) {
     return null;
   }
   return {
-    textNode: child,
+    textNode: child as Text,
     offset: child.textContent?.length ?? 0,
     textBeforeCursor: child.textContent ?? "",
   };
 }
 
-export function getComposerSlashState(root) {
+export function getComposerSlashState(root: HTMLElement | null | undefined): ComposerSlashState | null {
   if (!root) {
     return null;
   }
@@ -402,22 +477,30 @@ export function getComposerSlashState(root) {
   }
   let context = getActiveTextQueryContext(range.startContainer, range.startOffset);
   if (!context && range.startContainer.nodeType === Node.ELEMENT_NODE) {
-    const tokenElement = getAdjacentSlashTokenElement(range.startContainer, range.startOffset);
-    if (tokenElement) {
-      const text = tokenElement.textContent ?? "";
-      const query = text.startsWith("/") ? text.slice(1) : text;
-      return {
-        query,
-        startOffset: 0,
-        endOffset: text.length,
-        textNode: tokenElement.firstChild ?? tokenElement,
-        tokenElement,
+    const tokenContext = getAdjacentSlashTokenContext(range.startContainer, range.startOffset);
+    if (tokenContext) {
+      context = {
+        textNode: tokenContext.textNode,
+        offset: tokenContext.textNode.textContent?.length ?? 0,
+        textBeforeCursor: tokenContext.textNode.textContent ?? "",
+        isSlashToken: true,
+        slashTokenElement: tokenContext.element,
       };
     }
   }
   if (!context) {
     return null;
   }
+  if (context.isSlashToken) {
+    const query = (context.textBeforeCursor ?? "").replace(/^\//, "");
+    return {
+      query,
+      startOffset: 0,
+      endOffset: context.offset,
+      textNode: context.textNode,
+      tokenElement: context.slashTokenElement,
+    };
+  }
   const match = context.textBeforeCursor.match(/(^|\s)\/([^\s]*)$/);
   if (!match) {
     return null;
@@ -431,7 +514,11 @@ export function getComposerSlashState(root) {
   };
 }
 
-export function replaceMentionQueryWithToken(root, mentionState, user) {
+export function replaceMentionQueryWithToken(
+  root: HTMLElement | null | undefined,
+  mentionState: ComposerMentionState | null | undefined,
+  user: ComposerMentionUser | null | undefined,
+): boolean {
   if (!root || !mentionState?.textNode || !user) {
     return false;
   }
@@ -447,8 +534,12 @@ export function replaceMentionQueryWithToken(root, mentionState, user) {
   range.insertNode(fragment);
 
   const selection = window.getSelection();
+  if (!selection) {
+    root.focus();
+    return true;
+  }
   const afterRange = document.createRange();
-  afterRange.setStart(spacer, spacer.textContent.length);
+  afterRange.setStart(spacer, spacer.textContent?.length ?? 0);
   afterRange.collapse(true);
   selection.removeAllRanges();
   selection.addRange(afterRange);
@@ -456,7 +547,7 @@ export function replaceMentionQueryWithToken(root, mentionState, user) {
   return true;
 }
 
-export function insertComposerLineBreak(root) {
+export function insertComposerLineBreak(root: HTMLElement | null | undefined): void {
   if (!root) {
     return;
   }
@@ -480,7 +571,7 @@ export function insertComposerLineBreak(root) {
   selection.addRange(nextRange);
 }
 
-export function insertPlainTextAtSelection(text) {
+export function insertPlainTextAtSelection(text: string): void {
   const selection = window.getSelection();
   if (!selection || selection.rangeCount === 0) {
     return;
@@ -490,13 +581,13 @@ export function insertPlainTextAtSelection(text) {
   const node = document.createTextNode(text);
   range.insertNode(node);
   const nextRange = document.createRange();
-  nextRange.setStart(node, node.textContent.length);
+  nextRange.setStart(node, text.length);
   nextRange.collapse(true);
   selection.removeAllRanges();
   selection.addRange(nextRange);
 }
 
-export function insertComposerSegmentsAtSelection(segments) {
+export function insertComposerSegmentsAtSelection(segments: readonly ComposerSegment[] | null | undefined): void {
   const selection = window.getSelection();
   if (!selection || selection.rangeCount === 0) {
     return;
@@ -515,7 +606,10 @@ export function insertComposerSegmentsAtSelection(segments) {
   selection.addRange(nextRange);
 }
 
-export function replaceComposerSlashWithSegments(root, segments) {
+export function replaceComposerSlashWithSegments(
+  root: HTMLElement | null | undefined,
+  segments: readonly ComposerSegment[] | null | undefined,
+): boolean {
   const slashState = getComposerSlashState(root);
   if (!slashState) {
     return false;
@@ -523,8 +617,7 @@ export function replaceComposerSlashWithSegments(root, segments) {
 
   const range = document.createRange();
   if (slashState.tokenElement) {
-    range.setStartBefore(slashState.tokenElement);
-    range.setEndAfter(slashState.tokenElement);
+    range.selectNode(slashState.tokenElement);
   } else {
     const endOffset = replacementEndsWithWhitespace(segments)
       ? consumeSingleFollowingWhitespace(slashState.textNode, slashState.endOffset)
@@ -552,7 +645,7 @@ export function replaceComposerSlashWithSegments(root, segments) {
   return true;
 }
 
-export function getCollapsedSelectionTextOffset(root) {
+export function getCollapsedSelectionTextOffset(root: Node | null | undefined): number | null {
   if (!root) {
     return null;
   }
@@ -570,7 +663,10 @@ export function getCollapsedSelectionTextOffset(root) {
   return prefixRange.toString().length;
 }
 
-export function removeAdjacentMentionToken(root, direction) {
+export function removeAdjacentMentionToken(
+  root: HTMLElement | null | undefined,
+  direction: ComposerCaretDirection,
+): boolean {
   if (!root) {
     return false;
   }
@@ -599,7 +695,11 @@ export function removeAdjacentMentionToken(root, direction) {
   return true;
 }
 
-export function findAdjacentMentionToken(node, offset, direction) {
+export function findAdjacentMentionToken(
+  node: Node,
+  offset: number,
+  direction: ComposerCaretDirection,
+): HTMLElement | null {
   if (node.nodeType === Node.TEXT_NODE) {
     if (direction === "backward" && offset > 0) {
       return null;
@@ -618,7 +718,7 @@ export function findAdjacentMentionToken(node, offset, direction) {
   return isComposerTokenNode(sibling) ? sibling : null;
 }
 
-function isComposerTokenNode(node: Node | null): boolean {
+function isComposerTokenNode(node: Node | null | undefined): node is HTMLElement {
   if (node?.nodeType !== Node.ELEMENT_NODE) {
     return false;
   }
@@ -626,7 +726,7 @@ function isComposerTokenNode(node: Node | null): boolean {
   return Boolean(element.dataset?.userId || element.dataset?.composerSlashToken);
 }
 
-function getAdjacentSlashTokenElement(node: Node, offset: number): HTMLElement | null {
+function getAdjacentSlashTokenContext(node: Node, offset: number): { element: HTMLElement; textNode: Text } | null {
   if (node.nodeType !== Node.ELEMENT_NODE) {
     return null;
   }
@@ -635,12 +735,16 @@ function getAdjacentSlashTokenElement(node: Node, offset: number): HTMLElement |
     return null;
   }
   const element = previous as HTMLElement;
-  return element.dataset?.composerSlashToken ? element : null;
+  if (!element.dataset?.composerSlashToken) {
+    return null;
+  }
+  const textNode = element.firstChild;
+  return textNode?.nodeType === Node.TEXT_NODE ? { element, textNode: textNode as Text } : null;
 }
 
-function replacementEndsWithWhitespace(segments): boolean {
+function replacementEndsWithWhitespace(segments: readonly ComposerSegment[] | null | undefined): boolean {
   for (let index = (segments?.length ?? 0) - 1; index >= 0; index -= 1) {
-    const segment = segments[index];
+    const segment = segments?.[index];
     if (!segment || segment.type === "mention") {
       continue;
     }
@@ -653,19 +757,24 @@ function replacementEndsWithWhitespace(segments): boolean {
   return false;
 }
 
-function consumeSingleFollowingWhitespace(textNode: Node, offset: number): number {
-  if (textNode.nodeType !== Node.TEXT_NODE) {
-    return offset;
-  }
+function consumeSingleFollowingWhitespace(textNode: Text, offset: number): number {
   const text = textNode.textContent ?? "";
   return /\s/.test(text.charAt(offset)) ? offset + 1 : offset;
 }
 
-export function placeCaretNearNode(root, node, direction) {
+export function placeCaretNearNode(
+  root: HTMLElement,
+  node: Node | null | undefined,
+  direction: ComposerCaretDirection,
+): void {
   const selection = window.getSelection();
+  if (!selection) {
+    root.focus();
+    return;
+  }
   const range = document.createRange();
   if (node?.nodeType === Node.TEXT_NODE) {
-    const offset = direction === "backward" ? node.textContent.length : 0;
+    const offset = direction === "backward" ? (node.textContent?.length ?? 0) : 0;
     range.setStart(node, offset);
   } else if (node?.parentNode) {
     const parent = node.parentNode;
@@ -680,6 +789,6 @@ export function placeCaretNearNode(root, node, direction) {
   root.focus();
 }
 
-export function placeCaretAtEnd(root) {
+export function placeCaretAtEnd(root: HTMLElement): void {
   placeCaretNearNode(root, root.lastChild, "backward");
 }
diff --git a/web/app/src/models/configSettings.ts b/web/app/src/models/configSettings.ts
index 222132e7..bdf6f8e0 100644
--- a/web/app/src/models/configSettings.ts
+++ b/web/app/src/models/configSettings.ts
@@ -119,7 +119,9 @@ export function formatListenAddress(host: string, port: string): string {
 }
 
 export function normalizeAdvertiseBaseURL(value: string): string {
-  return String(value || "").trim().replace(/\/+$/, "");
+  return String(value || "")
+    .trim()
+    .replace(/\/+$/, "");
 }
 
 export function configSettingsToDraft(settings: ConfigSettings): ConfigSettingsDraft {
diff --git a/web/app/src/models/conversations.ts b/web/app/src/models/conversations.ts
index f6642501..f9551a0c 100644
--- a/web/app/src/models/conversations.ts
+++ b/web/app/src/models/conversations.ts
@@ -138,7 +138,7 @@ export function isEventMessage(message: IMMessage | null | undefined): boolean {
 
 export function formatConversationPreview(
   message: IMMessage | null | undefined,
-  conversation: IMConversation,
+  conversation: IMConversation | null | undefined,
   currentUserID: string,
   usersById: UsersById,
   locale: LocaleCode,
@@ -150,7 +150,7 @@ export function formatConversationPreview(
     }
     return formatMessagePreviewText(message.content);
   }
-  return getConversationSubtitle(conversation, currentUserID, usersById, locale, t);
+  return conversation ? getConversationSubtitle(conversation, currentUserID, usersById, locale, t) : "";
 }
 
 export function formatMessagePreviewText(content: unknown): string {
@@ -675,7 +675,7 @@ export function upsertUserInData<T extends IMData | null | undefined>(
 
   const existing = current.users.some((item) => item.id === user.id);
   const users = existing ? current.users.map((item) => (item.id === user.id ? user : item)) : [...current.users, user];
-  users.sort((a, b) => a.name.localeCompare(b.name));
+  users.sort((a, b) => String(a.name ?? "").localeCompare(String(b.name ?? "")));
   return { ...current, users };
 }
 
@@ -701,7 +701,7 @@ export function removeUserFromData<T extends IMData | null | undefined>(
         messages,
       };
     })
-    .filter(Boolean);
+    .filter((room): room is IMConversation => Boolean(room));
 
   return { ...current, users, rooms: sortConversations(rooms) };
 }
diff --git a/web/app/src/pages/AgentPage/AgentPage.tsx b/web/app/src/pages/AgentPage/AgentPage.tsx
index 76355c73..830ad366 100644
--- a/web/app/src/pages/AgentPage/AgentPage.tsx
+++ b/web/app/src/pages/AgentPage/AgentPage.tsx
@@ -9,9 +9,10 @@ export function AgentPage() {
     return null;
   }
 
-  if (!controller.agentViewProps.item) {
+  const agentViewProps = controller.agentViewProps;
+  if (!agentViewProps?.item) {
     return <ConversationPage />;
   }
 
-  return <AgentView {...controller.agentViewProps} />;
+  return <AgentView {...agentViewProps} item={agentViewProps.item} />;
 }
diff --git a/web/app/src/pages/AgentPage/components/AgentDetailPane/AgentDetailPane.tsx b/web/app/src/pages/AgentPage/components/AgentDetailPane/AgentDetailPane.tsx
index ca7ada09..70c26fa6 100644
--- a/web/app/src/pages/AgentPage/components/AgentDetailPane/AgentDetailPane.tsx
+++ b/web/app/src/pages/AgentPage/components/AgentDetailPane/AgentDetailPane.tsx
@@ -25,6 +25,10 @@ import {
   normalizeRuntimeKind,
   notifierFormIsComplete,
 } from "@/models/agents";
+import type { AgentDraft, AgentLike } from "@/models/agents";
+import type { IMConversation, TranslateFn } from "@/models/conversations";
+import type { WorkspaceEntry, WorkspaceFile } from "@/models/workspace";
+import type { CLIProxyAuthStatusMap } from "@/hooks/workspace/useCLIProxyAuthStatuses";
 import { AgentAvatarContent, AgentAvatarPicker } from "@/components/business/AgentAvatar";
 import { avatarFallbackText } from "@/shared/avatar";
 import {
@@ -37,23 +41,65 @@ import {
   Select,
 } from "@/components/ui";
 
+type VoidOrPromise = void | Promise<void>;
+type AgentActionHandler = (item: AgentLike) => VoidOrPromise;
+
+export type AgentDetailPaneProps = {
+  activeRoom?: IMConversation | null;
+  authBusyProvider?: string;
+  authStatuses?: CLIProxyAuthStatusMap;
+  busyKey?: string;
+  draft?: AgentDraft | null;
+  error?: string;
+  hasUnsavedChanges?: boolean;
+  item: AgentLike;
+  modelBusy?: boolean;
+  models?: string[];
+  notifierWebhookPublicOrigin?: string;
+  onDelete: AgentActionHandler;
+  onDraftChange?: (draft: AgentDraft) => void;
+  onInvite: AgentActionHandler;
+  onOpenDM: AgentActionHandler;
+  onProviderLogin?: (provider: string) => VoidOrPromise;
+  onPublish?: () => VoidOrPromise;
+  onRecreate: AgentActionHandler;
+  onSave?: () => VoidOrPromise;
+  onSelectWorkspaceFile?: (path: string) => void;
+  onStart: AgentActionHandler;
+  onStop: AgentActionHandler;
+  onUpgrade?: AgentActionHandler;
+  publishBusy?: boolean;
+  saveError?: string;
+  savedDraft?: AgentDraft | null;
+  saving?: boolean;
+  selectedWorkspacePath?: string;
+  t: TranslateFn;
+  workspaceEntries?: WorkspaceEntry[];
+  workspaceError?: string;
+  workspaceFile?: WorkspaceFile | null;
+  workspaceFileError?: string;
+  workspaceFileLoading?: boolean;
+  workspaceLoading?: boolean;
+  workspaceSupported?: boolean;
+};
+
 export function AgentDetailPane({
   item,
   t,
-  activeRoom,
-  busyKey,
-  error,
+  activeRoom = null,
+  busyKey = "",
+  error = "",
   draft,
   savedDraft = null,
   hasUnsavedChanges: hasUnsavedChangesProp = undefined,
-  models,
-  modelBusy,
-  saving,
-  publishBusy,
-  saveError,
-  authStatuses,
-  authBusyProvider,
-  notifierWebhookPublicOrigin,
+  models = [],
+  modelBusy = false,
+  saving = false,
+  publishBusy = false,
+  saveError = "",
+  authStatuses = {},
+  authBusyProvider = "",
+  notifierWebhookPublicOrigin = "",
   workspaceEntries = [],
   workspaceLoading = false,
   workspaceError = "",
@@ -73,7 +119,7 @@ export function AgentDetailPane({
   onDelete,
   onInvite,
   onOpenDM,
-}) {
+}: AgentDetailPaneProps) {
   const isManager = item.role === "manager" || item.id === "u-manager";
   const running = isAgentRunning(item);
   const draftBelongsToItem = Boolean(draft) && String(draft?.agent_id ?? "").trim() === String(item?.id ?? "").trim();
@@ -92,7 +138,7 @@ export function AgentDetailPane({
     (isNotifierRuntimeDraftOnAgentPage(draft, item)
       ? !notifierFormIsComplete(draft, item)
       : !draft?.model_id || profileBaseURLMissing(draft));
-  const updateDraft = (patch) => onDraftChange?.({ ...(draft || agentToDraft(item)), ...patch });
+  const updateDraft = (patch: Partial<AgentDraft>) => onDraftChange?.({ ...(draft || agentToDraft(item)), ...patch });
   return (
     <section className="entity-pane agent-detail-pane">
       <header className="entity-header">
@@ -299,7 +345,7 @@ export function AgentDetailPane({
             </section>
           ) : (
             <NotifierControls
-              agentID={item.id}
+              agentID={item.id || ""}
               draft={draft}
               t={t}
               webhookPublicOrigin={notifierWebhookPublicOrigin}
@@ -398,6 +444,26 @@ export function AgentDetailPane({
   );
 }
 
+type AgentActionsMenuProps = {
+  activeRoom?: IMConversation | null;
+  busy: boolean;
+  canPublish: boolean;
+  incomplete: boolean;
+  isManager: boolean;
+  item: AgentLike;
+  onDelete: AgentActionHandler;
+  onInvite: AgentActionHandler;
+  onPublish?: () => VoidOrPromise;
+  onRecreate: AgentActionHandler;
+  onStart: AgentActionHandler;
+  onStop: AgentActionHandler;
+  onUpgrade?: AgentActionHandler;
+  publishBusy: boolean;
+  running: boolean;
+  t: TranslateFn;
+  upgradeNeeded: boolean;
+};
+
 function AgentActionsMenu({
   item,
   t,
@@ -415,7 +481,7 @@ function AgentActionsMenu({
   onInvite,
   onDelete,
   onPublish,
-}) {
+}: AgentActionsMenuProps) {
   return (
     <DropdownMenuRoot>
       <DropdownMenuTrigger asChild>
diff --git a/web/app/src/pages/AgentPage/components/AgentList/AgentList.tsx b/web/app/src/pages/AgentPage/components/AgentList/AgentList.tsx
index 447918ee..cbc1a59f 100644
--- a/web/app/src/pages/AgentPage/components/AgentList/AgentList.tsx
+++ b/web/app/src/pages/AgentPage/components/AgentList/AgentList.tsx
@@ -13,15 +13,38 @@ import { AgentIcon, PlayIcon, StopIcon, TrashIcon, WrenchIcon } from "@/componen
 import { Button } from "@/components/ui";
 import { AgentAvatarContent } from "@/components/business/AgentAvatar";
 import { avatarFallbackText } from "@/shared/avatar";
+import type { AgentLike } from "@/models/agents";
+import type { IMConversation, TranslateFn } from "@/models/conversations";
+
+type VoidOrPromise = void | Promise<void>;
+type AgentActionHandler = (item: AgentLike) => VoidOrPromise;
+
+export type AgentSectionProps = {
+  activeRoom?: IMConversation | null;
+  busyKey?: string;
+  error?: string;
+  manager?: AgentLike | null;
+  onCreate: () => VoidOrPromise;
+  onDelete: AgentActionHandler;
+  onEdit: AgentActionHandler;
+  onInvite: AgentActionHandler;
+  onRecreate: AgentActionHandler;
+  onStart: AgentActionHandler;
+  onStop: AgentActionHandler;
+  onUpgrade?: AgentActionHandler;
+  t: TranslateFn;
+  title: string;
+  workers?: AgentLike[];
+};
 
 export function AgentSection({
   title,
   manager,
-  workers,
+  workers = [],
   t,
-  activeRoom,
-  busyKey,
-  error,
+  activeRoom = null,
+  busyKey = "",
+  error = "",
   onCreate,
   onEdit,
   onStart,
@@ -29,8 +52,8 @@ export function AgentSection({
   onRecreate,
   onDelete,
   onInvite,
-}) {
-  const items = [manager, ...workers].filter(Boolean);
+}: AgentSectionProps) {
+  const items = [manager, ...workers].filter((item): item is AgentLike => Boolean(item));
   return (
     <section className="agent-section">
       <div className="agent-section-head">
@@ -71,18 +94,32 @@ export function AgentSection({
   );
 }
 
+export type AgentRowProps = {
+  activeRoom?: IMConversation | null;
+  busyKey?: string;
+  item: AgentLike;
+  onDelete: AgentActionHandler;
+  onEdit: AgentActionHandler;
+  onInvite: AgentActionHandler;
+  onRecreate: AgentActionHandler;
+  onStart: AgentActionHandler;
+  onStop: AgentActionHandler;
+  onUpgrade?: AgentActionHandler;
+  t: TranslateFn;
+};
+
 export function AgentRow({
   item,
   t,
-  activeRoom,
-  busyKey,
+  activeRoom = null,
+  busyKey = "",
   onEdit,
   onStart,
   onStop,
   onRecreate,
   onDelete,
   onInvite,
-}) {
+}: AgentRowProps) {
   const isManager = item.role === "manager" || item.id === "u-manager";
   const isNotification = isNotificationBotAgent(item);
   const running = isAgentRunning(item);
@@ -93,7 +130,10 @@ export function AgentRow({
   return (
     <div className={`agent-row ${isManager ? "manager" : ""} ${incomplete ? "incomplete" : ""}`.trim()}>
       <div className="agent-avatar" aria-hidden="true">
-        <AgentAvatarContent avatar={item.avatar} fallback={avatarFallbackText(item.avatar, item.name, item.handle, item.id)} />
+        <AgentAvatarContent
+          avatar={item.avatar}
+          fallback={avatarFallbackText(item.avatar, item.name, item.handle, item.id)}
+        />
       </div>
       <div className="agent-row-main">
         <div className="agent-row-top">
diff --git a/web/app/src/pages/AgentPage/components/AgentView/AgentView.tsx b/web/app/src/pages/AgentPage/components/AgentView/AgentView.tsx
index 36d655ce..59899bdc 100644
--- a/web/app/src/pages/AgentPage/components/AgentView/AgentView.tsx
+++ b/web/app/src/pages/AgentPage/components/AgentView/AgentView.tsx
@@ -1,8 +1,9 @@
 import { isNotificationBotAgent } from "@/models/agents";
 import { AgentDetailPane } from "../AgentDetailPane";
+import type { AgentDetailPaneProps } from "../AgentDetailPane";
 import { NotificationParticipantDetailPane } from "../NotificationParticipantDetailPane";
 
-export function AgentView(props) {
+export function AgentView(props: AgentDetailPaneProps) {
   if (isNotificationBotAgent(props.item)) {
     return <NotificationParticipantDetailPane {...props} />;
   }
diff --git a/web/app/src/pages/AgentPage/components/NotificationParticipantDetailPane/NotificationParticipantDetailPane.tsx b/web/app/src/pages/AgentPage/components/NotificationParticipantDetailPane/NotificationParticipantDetailPane.tsx
index f0fa672f..22a39e9a 100644
--- a/web/app/src/pages/AgentPage/components/NotificationParticipantDetailPane/NotificationParticipantDetailPane.tsx
+++ b/web/app/src/pages/AgentPage/components/NotificationParticipantDetailPane/NotificationParticipantDetailPane.tsx
@@ -8,26 +8,45 @@ import {
   notificationBotStatusLabel,
   notifierFormIsComplete,
 } from "@/models/agents";
+import type { AgentDraft } from "@/models/agents";
+import type { AgentDetailPaneProps } from "../AgentDetailPane";
+
+export type NotificationBotDetailPaneProps = Pick<
+  AgentDetailPaneProps,
+  | "busyKey"
+  | "error"
+  | "item"
+  | "notifierWebhookPublicOrigin"
+  | "onDelete"
+  | "onDraftChange"
+  | "onOpenDM"
+  | "onSave"
+  | "saveError"
+  | "saving"
+  | "t"
+> & {
+  draft?: AgentDraft | null;
+};
 
 export function NotificationParticipantDetailPane({
   item,
   t,
-  busyKey,
-  error,
-  saveError,
+  busyKey = "",
+  error = "",
+  saveError = "",
   draft,
-  saving,
-  notifierWebhookPublicOrigin,
+  saving = false,
+  notifierWebhookPublicOrigin = "",
   onDraftChange,
   onSave,
   onOpenDM,
   onDelete,
-}) {
+}: NotificationBotDetailPaneProps) {
   const draftBelongsToItem = Boolean(draft) && String(draft?.agent_id ?? "").trim() === String(item?.id ?? "").trim();
   const incomplete = isAgentIncomplete(item, draftBelongsToItem ? draft : undefined);
   const ready = isAgentRunning(item);
   const busyPrefix = `${item.id}:`;
-  const updateDraft = (patch) => onDraftChange?.({ ...(draft || agentToDraft(item)), ...patch });
+  const updateDraft = (patch: Partial<AgentDraft>) => onDraftChange?.({ ...(draft || agentToDraft(item)), ...patch });
 
   return (
     <section className="entity-pane agent-detail-pane notification-participant-detail-pane">
@@ -90,7 +109,7 @@ export function NotificationParticipantDetailPane({
             </div>
           </section>
           <NotifierControls
-            agentID={item.id}
+            agentID={item.id || ""}
             draft={draft}
             t={t}
             webhookPublicOrigin={notifierWebhookPublicOrigin}
diff --git a/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx b/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
index d15babd4..b8363c5e 100644
--- a/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
+++ b/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
@@ -4,17 +4,32 @@ import { ComputerIcon, PlayIcon } from "@/components/ui/Icons";
 import { Button } from "@/components/ui";
 import { AgentAvatarContent } from "@/components/business/AgentAvatar";
 import { avatarFallbackText } from "@/shared/avatar";
+import type { AgentLike } from "@/models/agents";
+import type { IMConversation, TranslateFn } from "@/models/conversations";
+
+type VoidOrPromise = void | Promise<void>;
+
+export type ComputerDetailPaneProps = {
+  agents?: AgentLike[];
+  busyKey?: string;
+  channels?: IMConversation[];
+  directMessages?: IMConversation[];
+  onCreateAgent?: () => VoidOrPromise;
+  onSelectAgent?: (item: AgentLike) => void;
+  onStartAgent?: (item: AgentLike) => VoidOrPromise;
+  t?: TranslateFn;
+};
 
 export function ComputerDetailPane({
-  t,
-  agents,
-  channels,
-  directMessages,
-  busyKey,
-  onSelectAgent,
-  onCreateAgent,
-  onStartAgent,
-}) {
+  agents = [],
+  channels = [],
+  directMessages = [],
+  busyKey = "",
+  onSelectAgent = () => {},
+  onCreateAgent = () => {},
+  onStartAgent = () => {},
+  t = (key) => key,
+}: ComputerDetailPaneProps) {
   const runningAgents = agents.filter(isAgentRunning);
   return (
     <section className="entity-pane computer-detail-pane">
@@ -63,7 +78,10 @@ export function ComputerDetailPane({
               <div key={item.id} className="entity-list-row">
                 <button className="entity-list-main-button" onClick={() => onSelectAgent(item)}>
                   <span className="entity-list-icon">
-                    <AgentAvatarContent avatar={item.avatar} fallback={avatarFallbackText(item.avatar, item.name, item.handle, item.id)} />
+                    <AgentAvatarContent
+                      avatar={item.avatar}
+                      fallback={avatarFallbackText(item.avatar, item.name, item.handle, item.id)}
+                    />
                   </span>
                   <span className="entity-list-main">
                     <strong>{item.name}</strong>
diff --git a/web/app/src/pages/ComputerPage/components/ComputerView/ComputerView.tsx b/web/app/src/pages/ComputerPage/components/ComputerView/ComputerView.tsx
index f5fbfd53..cb859a48 100644
--- a/web/app/src/pages/ComputerPage/components/ComputerView/ComputerView.tsx
+++ b/web/app/src/pages/ComputerPage/components/ComputerView/ComputerView.tsx
@@ -1,5 +1,6 @@
 import { ComputerDetailPane } from "../ComputerDetailPane";
+import type { ComputerDetailPaneProps } from "../ComputerDetailPane";
 
-export function ComputerView(props) {
+export function ComputerView(props: ComputerDetailPaneProps) {
   return <ComputerDetailPane {...props} />;
 }
diff --git a/web/app/src/pages/ConversationPage/components/ConversationPane/ConversationPane.tsx b/web/app/src/pages/ConversationPage/components/ConversationPane/ConversationPane.tsx
index 24f9205e..f855a3fc 100644
--- a/web/app/src/pages/ConversationPage/components/ConversationPane/ConversationPane.tsx
+++ b/web/app/src/pages/ConversationPage/components/ConversationPane/ConversationPane.tsx
@@ -1,10 +1,11 @@
 import { Fragment, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import type { KeyboardEvent as ReactKeyboardEvent } from "react";
+import type { Dispatch, KeyboardEvent as ReactKeyboardEvent, RefObject, SetStateAction } from "react";
 import { Logs, RefreshCw, X } from "lucide-react";
 import { fetchAgentLogsRequest } from "@/api/agents";
 import { errorMessage } from "@/api/client";
 import { CLIProxyAuthControl } from "@/components/business/ProfileControls";
 import { MessageContent, MessagePreviewText } from "@/components/business/MessageContent";
+import type { MessageAction, MessageActionError, MessageLike } from "@/components/business/MessageContent/types";
 import { AgentAvatarContent } from "@/components/business/AgentAvatar";
 import { avatarFallbackText } from "@/shared/avatar";
 import {
@@ -19,6 +20,7 @@ import {
 } from "@/components/ui";
 import { AddUserIcon, IconImage, TrashIcon, UsersIcon, WrenchIcon } from "@/components/ui/Icons";
 import {
+  type ComposerMentionUser,
   type ComposerSegment,
   insertComposerSegmentsAtSelection,
   areComposerSegmentsEqual,
@@ -37,6 +39,7 @@ import {
   placeCaretAtEnd,
 } from "@/models/composer";
 import { isAgentRunning, normalizeAuthProviderName, providerNeedsAuth } from "@/models/agents";
+import type { AgentLike, AgentProfileLike } from "@/models/agents";
 import type { SlashPickerCandidate } from "@/models/slashCommands";
 import {
   agentMatchesUser,
@@ -44,11 +47,21 @@ import {
   formatMessageTimestampParts,
   formatThreadReplyCount,
   getConversationDescription,
+  type IMConversation,
+  type IMMessage,
+  type IMUser,
   isDirectConversation,
   isEventMessage,
   isToolCallMessage,
+  type LocaleCode,
+  type MessageTimestampParts,
+  type ThreadView,
+  type TranslateFn,
+  type UsersById,
 } from "@/models/conversations";
 import { localizeRole } from "@/shared/i18n";
+import type { ThemeMode } from "@/shared/theme/theme";
+import type { CLIProxyAuthStatusMap } from "@/hooks/workspace/useCLIProxyAuthStatuses";
 
 type ThreadMentionState = {
   endOffset: number;
@@ -59,10 +72,84 @@ type ThreadMentionState = {
   textNode?: Node;
 };
 
+type BooleanStateSetter = Dispatch<SetStateAction<boolean>>;
+type MentionPickerUser = ComposerMentionUser & Pick<IMUser, "avatar" | "role">;
+type VoidOrPromise = void | Promise<void>;
+
+export type ConversationPaneProps = {
+  activeThreadRootID?: string;
+  activeThreadView?: ThreadView | null;
+  agents?: AgentLike[];
+  authBusyProvider: string;
+  authStatuses: CLIProxyAuthStatusMap;
+  channelToolsRef: RefObject<HTMLDivElement | null>;
+  composerError: string;
+  conversation: IMConversation;
+  conversationMembers: IMUser[];
+  currentUserID?: string;
+  draftSegments: ComposerSegment[];
+  draftText: string;
+  editorRef: RefObject<HTMLDivElement | null>;
+  inviteActionLabel: string;
+  locale: LocaleCode;
+  logAgent?: AgentLike | null;
+  managerProfile?: AgentProfileLike | null;
+  managerProfileIncomplete?: boolean | null;
+  memberMenuRef: RefObject<HTMLDivElement | null>;
+  mentionCandidates: MentionPickerUser[];
+  mentionIndex: number;
+  mentionableUsersByHandle: Map<string, ComposerMentionUser>;
+  messageActionBusy: string;
+  messageActionError: MessageActionError;
+  messageListRef: RefObject<HTMLElement | null>;
+  onApplyMention: (user: MentionPickerUser) => void;
+  onApplySlashCandidate?: (name: string) => void;
+  onApplyThreadSlashCandidate?: (name: string) => void;
+  onClearRoomMessages?: (id: string) => VoidOrPromise;
+  onCloseThread: () => void;
+  onComposerCompositionEnd: () => void;
+  onComposerCompositionStart: () => void;
+  onComposerKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => void;
+  onDeleteRoom: (id: string) => VoidOrPromise;
+  onDismissThreadSlashPicker?: () => void;
+  onInviteAction: () => void;
+  onMessageAction: (action: MessageAction, message?: MessageLike | null) => VoidOrPromise;
+  onOpenThread: (message: IMMessage) => VoidOrPromise;
+  onPreviewUser: (user: IMUser, anchor: HTMLElement) => void;
+  onProviderLogin: (provider: string) => VoidOrPromise;
+  onSendMessage: () => VoidOrPromise;
+  onSendThreadReply: () => VoidOrPromise;
+  onSetThreadSlashIndex?: (index: number) => void;
+  onSyncComposer: () => void;
+  onThreadDraftChange: (segments: ComposerSegment[]) => void;
+  onToggleChannelTools: BooleanStateSetter;
+  onToggleMemberList: BooleanStateSetter;
+  onToggleToolCalls: BooleanStateSetter;
+  selectedMessageCount: number;
+  showChannelTools: boolean;
+  showMemberList: boolean;
+  showToolCalls: boolean;
+  slashCandidates?: SlashPickerCandidate[];
+  slashIndex?: number;
+  slashPickerLoading?: boolean;
+  slashPickerOpen?: boolean;
+  t: TranslateFn;
+  theme: ThemeMode;
+  threadDraftSegments: ComposerSegment[];
+  threadError: string;
+  threadLoading: boolean;
+  threadSlashCandidates?: SlashPickerCandidate[];
+  threadSlashIndex?: number;
+  threadSlashPickerLoading?: boolean;
+  threadSlashPickerOpen?: boolean;
+  usersById: UsersById;
+  visibleMessages: IMMessage[];
+};
+
 export function ConversationPane({
   conversation,
   visibleMessages,
-  currentUserID,
+  currentUserID = "",
   usersById,
   agents = [],
   locale,
@@ -127,7 +214,7 @@ export function ConversationPane({
   onCloseThread,
   onThreadDraftChange,
   onSendThreadReply,
-}) {
+}: ConversationPaneProps) {
   const description = getConversationDescription(conversation, currentUserID, usersById, locale, t);
   const managerProvider = normalizeAuthProviderName(managerProfile?.provider);
   const [logModalOpen, setLogModalOpen] = useState(false);
@@ -137,7 +224,8 @@ export function ConversationPane({
   const [clearMessagesDialogOpen, setClearMessagesDialogOpen] = useState(false);
   const [deleteRoomDialogOpen, setDeleteRoomDialogOpen] = useState(false);
   const logAgentID = logAgent?.id || "";
-  const logAgentName = logAgent?.name || conversation.title;
+  const logAgentName = logAgent?.name || conversation.title || "";
+  const composerDisabled = Boolean(managerProfileIncomplete);
 
   useEffect(() => {
     setLogModalOpen(false);
@@ -236,7 +324,7 @@ export function ConversationPane({
                             <div className="member-row-main">
                               <div className="member-row-name">{user.name}</div>
                               <div className="member-row-meta">
-                                @{user.handle} · {localizeRole(user.role, t)}
+                                @{user.handle} · {localizeRole(user.role || "", t)}
                               </div>
                             </div>
                           </div>
@@ -366,7 +454,7 @@ export function ConversationPane({
               </Fragment>
             );
           }
-          const user = usersById.get(message.sender_id);
+          const user = usersById.get(message.sender_id || "");
           if (!user) {
             return null;
           }
@@ -483,13 +571,13 @@ export function ConversationPane({
           <div className="composer-input-wrap">
             {draftSegments.length === 0 ? (
               <div className="composer-placeholder" aria-hidden="true">
-                {managerProfileIncomplete ? t("profileIncomplete") : t("inputPlaceholder")}
+                {composerDisabled ? t("profileIncomplete") : t("inputPlaceholder")}
               </div>
             ) : null}
             <div
               ref={editorRef}
-              className={`composer-editor ${managerProfileIncomplete ? "disabled" : ""}`}
-              contentEditable={managerProfileIncomplete ? "false" : "true"}
+              className={`composer-editor ${composerDisabled ? "disabled" : ""}`}
+              contentEditable={composerDisabled ? "false" : "true"}
               suppressContentEditableWarning={true}
               aria-label={t("inputPlaceholder")}
               onInput={onSyncComposer}
@@ -515,7 +603,7 @@ export function ConversationPane({
               className="composer-send-button"
               aria-label={t("send")}
               title={t("send")}
-              disabled={managerProfileIncomplete || !draftText.trim()}
+              disabled={composerDisabled || !draftText.trim()}
               onClick={onSendMessage}
             >
               <span className="composer-send-main" aria-hidden="true">
@@ -533,7 +621,7 @@ export function ConversationPane({
           loading={threadLoading}
           error={threadError}
           draftSegments={threadDraftSegments}
-          disabled={managerProfileIncomplete}
+          disabled={composerDisabled}
           usersById={usersById}
           locale={locale}
           theme={theme}
@@ -645,7 +733,23 @@ function handleSlashPickerNavigation({
   return false;
 }
 
-function MentionPicker({ users = [], activeIndex = 0, className = "", showRole = true, t, onSelect }) {
+type MentionPickerProps = {
+  activeIndex?: number;
+  className?: string;
+  onSelect: (user: MentionPickerUser) => void;
+  showRole?: boolean;
+  t: TranslateFn;
+  users?: MentionPickerUser[];
+};
+
+function MentionPicker({
+  users = [],
+  activeIndex = 0,
+  className = "",
+  showRole = true,
+  t,
+  onSelect,
+}: MentionPickerProps) {
   const activeOptionRef = useRef<HTMLButtonElement | null>(null);
   const activeUserID = users[activeIndex]?.id || "";
 
@@ -677,7 +781,7 @@ function MentionPicker({ users = [], activeIndex = 0, className = "", showRole =
             <div className="message-author">{user.name}</div>
             <div className="conversation-preview">
               @{user.handle}
-              {showRole ? ` · ${localizeRole(user.role, t)}` : ""}
+              {showRole ? ` · ${localizeRole(user.role || "", t)}` : ""}
             </div>
           </div>
         </button>
@@ -686,7 +790,23 @@ function MentionPicker({ users = [], activeIndex = 0, className = "", showRole =
   );
 }
 
-function SlashPicker({ candidates = [], activeIndex = 0, loading = false, className = "", t, onSelect }) {
+type SlashPickerProps = {
+  activeIndex?: number;
+  candidates?: SlashPickerCandidate[];
+  className?: string;
+  loading?: boolean;
+  onSelect: (name: string) => void;
+  t: TranslateFn;
+};
+
+function SlashPicker({
+  candidates = [],
+  activeIndex = 0,
+  loading = false,
+  className = "",
+  t,
+  onSelect,
+}: SlashPickerProps) {
   const activeOptionRef = useRef<HTMLButtonElement | null>(null);
   const activeCandidate = candidates[activeIndex] || null;
   const activeCandidateKey = activeCandidate ? `${activeCandidate.type}:${activeCandidate.name}` : "";
@@ -767,7 +887,17 @@ function RoomDangerConfirmDialog({
   );
 }
 
-function AgentLogsDialog({ agentName, content, error, loading, t, onClose, onRefresh }) {
+type AgentLogsDialogProps = {
+  agentName: string;
+  content: string;
+  error: string;
+  loading: boolean;
+  onClose: () => void;
+  onRefresh: () => VoidOrPromise;
+  t: TranslateFn;
+};
+
+function AgentLogsDialog({ agentName, content, error, loading, t, onClose, onRefresh }: AgentLogsDialogProps) {
   const logsViewerRef = useRef<HTMLPreElement | null>(null);
   const displayContent = content || (loading ? t("agentLogsLoading") : t("agentLogsEmpty"));
 
@@ -821,6 +951,31 @@ function AgentLogsDialog({ agentName, content, error, loading, t, onClose, onRef
   );
 }
 
+type ThreadPanelProps = {
+  disabled: boolean;
+  draftSegments: ComposerSegment[];
+  error: string;
+  loading: boolean;
+  locale: LocaleCode;
+  mentionableUsers?: MentionPickerUser[];
+  onApplyThreadSlashCandidate?: (name: string) => void;
+  onClose: () => void;
+  onDismissThreadSlashPicker?: () => void;
+  onDraftChange: (segments: ComposerSegment[]) => void;
+  onPreviewUser: (user: IMUser, anchor: HTMLElement) => void;
+  onSend: () => VoidOrPromise;
+  onSetThreadSlashIndex?: (index: number) => void;
+  showToolCalls: boolean;
+  t: TranslateFn;
+  theme: ThemeMode;
+  thread?: ThreadView | null;
+  threadSlashCandidates?: SlashPickerCandidate[];
+  threadSlashIndex?: number;
+  threadSlashPickerLoading?: boolean;
+  threadSlashPickerOpen?: boolean;
+  usersById: UsersById;
+};
+
 function ThreadPanel({
   thread,
   loading,
@@ -844,7 +999,7 @@ function ThreadPanel({
   onPreviewUser,
   mentionableUsers = [],
   onSend,
-}) {
+}: ThreadPanelProps) {
   const threadBodyRef = useRef<HTMLDivElement | null>(null);
   const threadEditorRef = useRef<HTMLDivElement | null>(null);
   const [mentionState, setMentionState] = useState<ThreadMentionState | null>(null);
@@ -874,7 +1029,7 @@ function ThreadPanel({
     if (!mentionState) {
       return [];
     }
-    return getMentionCandidates(mentionableUsers, mentionState.query);
+    return getMentionCandidates(mentionableUsers, mentionState.query) as MentionPickerUser[];
   }, [mentionState, mentionableUsers]);
 
   useLayoutEffect(() => {
@@ -946,7 +1101,7 @@ function ThreadPanel({
     }
   }
 
-  function insertThreadMention(user) {
+  function insertThreadMention(user: MentionPickerUser | null | undefined) {
     const target = threadEditorRef.current;
     if (!target || !mentionState || !user) {
       return;
@@ -1153,8 +1308,18 @@ function ThreadPanel({
   );
 }
 
-function ThreadMessage({ message, usersById, locale, theme, t, onPreviewUser, compact = false }) {
-  const user = usersById.get(message.sender_id);
+type ThreadMessageProps = {
+  compact?: boolean;
+  locale: LocaleCode;
+  message: IMMessage;
+  onPreviewUser: (user: IMUser, anchor: HTMLElement) => void;
+  t: TranslateFn;
+  theme: ThemeMode;
+  usersById: UsersById;
+};
+
+function ThreadMessage({ message, usersById, locale, theme, t, onPreviewUser, compact = false }: ThreadMessageProps) {
+  const user = usersById.get(message.sender_id || "");
   const fallbackName = message.sender_id || "";
   const avatar = user?.avatar || fallbackName.slice(0, 1).toUpperCase();
   const name = user?.name || user?.handle || fallbackName;
@@ -1189,7 +1354,7 @@ function ThreadMessage({ message, usersById, locale, theme, t, onPreviewUser, co
   );
 }
 
-function MessageTimestamp({ parts }) {
+function MessageTimestamp({ parts }: { parts: MessageTimestampParts }) {
   if (!parts.shortLabel) {
     return null;
   }
@@ -1207,7 +1372,7 @@ function MessageTimestamp({ parts }) {
   );
 }
 
-function MessageTimeDivider({ parts }) {
+function MessageTimeDivider({ parts }: { parts: MessageTimestampParts }) {
   if (!parts.dividerLabel) {
     return null;
   }
@@ -1226,14 +1391,20 @@ function MessageTimeDivider({ parts }) {
   );
 }
 
-function shouldShowMessageDateDivider(previousMessage, currentMessage) {
+function shouldShowMessageDateDivider(
+  previousMessage: IMMessage | null | undefined,
+  currentMessage: IMMessage | null | undefined,
+): boolean {
   if (!previousMessage) {
     return hasValidMessageTime(currentMessage);
   }
   return !isSameMessageDate(previousMessage, currentMessage);
 }
 
-function isSameMessageDate(previousMessage, currentMessage) {
+function isSameMessageDate(
+  previousMessage: IMMessage | null | undefined,
+  currentMessage: IMMessage | null | undefined,
+): boolean {
   const previousAt = Date.parse(previousMessage?.created_at || "");
   const currentAt = Date.parse(currentMessage?.created_at || "");
   if (!Number.isFinite(previousAt) || !Number.isFinite(currentAt)) {
@@ -1248,6 +1419,6 @@ function isSameMessageDate(previousMessage, currentMessage) {
   );
 }
 
-function hasValidMessageTime(message) {
+function hasValidMessageTime(message: IMMessage | null | undefined): boolean {
   return Number.isFinite(Date.parse(message?.created_at || ""));
 }
diff --git a/web/app/src/pages/ConversationPage/components/ConversationSection/ConversationSection.tsx b/web/app/src/pages/ConversationPage/components/ConversationSection/ConversationSection.tsx
index 4251ab3a..9d2371be 100644
--- a/web/app/src/pages/ConversationPage/components/ConversationSection/ConversationSection.tsx
+++ b/web/app/src/pages/ConversationPage/components/ConversationSection/ConversationSection.tsx
@@ -9,6 +9,7 @@ import { AgentAvatarContent } from "@/components/business/AgentAvatar";
 import { avatarFallbackText } from "@/shared/avatar";
 import { RoomAvatar, resolveRoomAvatarMembers } from "@/components/business/RoomAvatar";
 import { TrashIcon } from "@/components/ui/Icons";
+import type { IMConversation, LocaleCode, TranslateFn, UsersById } from "@/models/conversations";
 
 export function ConversationSection({
   title,
@@ -20,13 +21,23 @@ export function ConversationSection({
   t,
   onSelect,
   onDelete,
+}: {
+  activeConversationId: string;
+  currentUserID: string;
+  items: IMConversation[];
+  locale: LocaleCode;
+  onDelete: (id: string) => void | Promise<void>;
+  onSelect: (id: string) => void;
+  t: TranslateFn;
+  title: string;
+  usersById: UsersById;
 }) {
   if (!items.length) {
     return null;
   }
 
   return (
-    <section className="conversation-section">
+    <section className="conversation-section" aria-label={title}>
       {items.map((conversation) => {
         const lastMessage = conversation.messages[conversation.messages.length - 1];
         const displayUser = isDirectConversation(conversation)
@@ -43,7 +54,12 @@ export function ConversationSection({
                 <div className="avatar" aria-hidden="true">
                   <AgentAvatarContent
                     avatar={displayUser.avatar}
-                    fallback={avatarFallbackText(displayUser.avatar, displayUser.name, displayUser.handle, displayUser.id)}
+                    fallback={avatarFallbackText(
+                      displayUser.avatar,
+                      displayUser.name,
+                      displayUser.handle,
+                      displayUser.id,
+                    )}
                   />
                 </div>
               ) : (
diff --git a/web/app/src/pages/ConversationPage/components/ConversationView/ConversationView.tsx b/web/app/src/pages/ConversationPage/components/ConversationView/ConversationView.tsx
index 07aab003..cbb0eee1 100644
--- a/web/app/src/pages/ConversationPage/components/ConversationView/ConversationView.tsx
+++ b/web/app/src/pages/ConversationPage/components/ConversationView/ConversationView.tsx
@@ -1,20 +1,29 @@
 import { ConversationPane } from "../ConversationPane";
+import type { ConversationPaneProps } from "../ConversationPane";
 
-type ConversationViewProps = Parameters<typeof ConversationPane>[0] & {
-  conversation: Parameters<typeof ConversationPane>[0]["conversation"] | null;
+type ConversationViewProps = Partial<Omit<ConversationPaneProps, "conversation" | "t">> & {
+  conversation?: ConversationPaneProps["conversation"] | null;
+  t?: ConversationPaneProps["t"];
 };
 
 export function ConversationView({ conversation, t, ...props }: ConversationViewProps) {
+  const translate = t ?? ((key: string) => key);
   if (!conversation) {
     return (
       <div className="empty-state shell-empty-state">
         <span className="rich-empty-mark" aria-hidden="true">
           {">"}
         </span>
-        <strong>{t("emptyConversation")}</strong>
+        <strong>{translate("emptyConversation")}</strong>
       </div>
     );
   }
 
-  return <ConversationPane conversation={conversation} t={t} {...props} />;
+  return (
+    <ConversationPane
+      {...(props as Omit<ConversationPaneProps, "conversation" | "t">)}
+      conversation={conversation}
+      t={translate}
+    />
+  );
 }
diff --git a/web/app/src/pages/HubPage/components/HubDetailPane/HubDetailPane.tsx b/web/app/src/pages/HubPage/components/HubDetailPane/HubDetailPane.tsx
index 5b85b668..1169b7bf 100644
--- a/web/app/src/pages/HubPage/components/HubDetailPane/HubDetailPane.tsx
+++ b/web/app/src/pages/HubPage/components/HubDetailPane/HubDetailPane.tsx
@@ -9,8 +9,47 @@ import { WorkspaceFilePreview, WorkspaceFileTree } from "@/components/business/W
 import { localizeRole, localizeTemplateSourceTag } from "@/shared/i18n";
 import { HubIcon } from "@/components/ui/Icons";
 import { Button } from "@/components/ui";
+import type { LocaleCode, TranslateFn } from "@/models/conversations";
+import type { HubTemplate } from "@/models/hubWorkspace";
+import type { WorkspaceEntry, WorkspaceFile } from "@/models/workspace";
 
-const EMPTY_WORKSPACE_ENTRIES = [];
+const EMPTY_WORKSPACE_ENTRIES: readonly WorkspaceEntry[] = [];
+
+type HubDetailPaneHub = {
+  detailPaneProps: {
+    deleteBusy?: boolean;
+    detailLoading: boolean;
+    error: string;
+    loaded: boolean;
+    onDeleteTemplate?: (item: HubTemplate | null | undefined) => unknown;
+    onRetry: () => void | Promise<void>;
+    onSelectTemplate?: (item: HubTemplate | null | undefined) => void;
+    onSelectWorkspaceFile: (workspacePath: string) => void;
+    selectedTemplate: HubTemplate | null;
+    selectedTemplateId: string;
+    selectedWorkspacePath: string;
+    templates: readonly HubTemplate[];
+    workspaceFile: WorkspaceFile | null;
+    workspaceFileError: string;
+    workspaceFileLoading: boolean;
+  };
+};
+
+const EMPTY_HUB_DETAIL_PROPS: HubDetailPaneHub["detailPaneProps"] = {
+  deleteBusy: false,
+  detailLoading: false,
+  error: "",
+  loaded: false,
+  onRetry: () => {},
+  onSelectWorkspaceFile: () => {},
+  selectedTemplate: null,
+  selectedTemplateId: "",
+  selectedWorkspacePath: "",
+  templates: [],
+  workspaceFile: null,
+  workspaceFileError: "",
+  workspaceFileLoading: false,
+};
 
 function HubPreviewEmptyIcon() {
   return (
@@ -39,7 +78,19 @@ function HubPreviewEmptyIcon() {
   );
 }
 
-export function HubDetailPane({ t, locale, hub, onCreateFromTemplate }) {
+export type HubDetailPaneProps = {
+  hub?: HubDetailPaneHub;
+  locale?: LocaleCode;
+  onCreateFromTemplate?: (item: HubTemplate) => void | Promise<void>;
+  t?: TranslateFn;
+};
+
+export function HubDetailPane({
+  t = (key) => key,
+  locale = "en",
+  hub,
+  onCreateFromTemplate = () => {},
+}: HubDetailPaneProps) {
   const {
     templates,
     selectedTemplate,
@@ -56,7 +107,7 @@ export function HubDetailPane({ t, locale, hub, onCreateFromTemplate }) {
     onSelectWorkspaceFile,
     onDeleteTemplate,
     deleteBusy = false,
-  } = hub.detailPaneProps;
+  } = hub?.detailPaneProps ?? EMPTY_HUB_DETAIL_PROPS;
   const canDeleteTemplate = isDeletableHubTemplate(selectedTemplate);
   const workspaceEntries = selectedTemplate?.workspace?.entries ?? EMPTY_WORKSPACE_ENTRIES;
   const [isTemplateListScrolling, setIsTemplateListScrolling] = useState(false);
diff --git a/web/app/src/pages/HubPage/components/HubView/HubView.tsx b/web/app/src/pages/HubPage/components/HubView/HubView.tsx
index 11c223d6..642b1551 100644
--- a/web/app/src/pages/HubPage/components/HubView/HubView.tsx
+++ b/web/app/src/pages/HubPage/components/HubView/HubView.tsx
@@ -1,5 +1,6 @@
 import { HubDetailPane } from "../HubDetailPane";
+import type { HubDetailPaneProps } from "../HubDetailPane";
 
-export function HubView(props) {
+export function HubView(props: HubDetailPaneProps) {
   return <HubDetailPane {...props} />;
 }
diff --git a/web/app/src/pages/TasksPage/components/TasksView/TasksView.tsx b/web/app/src/pages/TasksPage/components/TasksView/TasksView.tsx
index e680aa18..26b6d760 100644
--- a/web/app/src/pages/TasksPage/components/TasksView/TasksView.tsx
+++ b/web/app/src/pages/TasksPage/components/TasksView/TasksView.tsx
@@ -15,6 +15,9 @@ import {
   Select,
 } from "@/components/ui";
 import { TaskStatusPill } from "@/components/business";
+import type { CreateWorkspaceTaskPayload } from "@/api/tasks";
+import type { AgentLike } from "@/models/agents";
+import type { TranslateFn } from "@/models/conversations";
 import {
   boardColumnsForTask,
   displayTaskRoom,
@@ -28,7 +31,7 @@ import {
   taskStatusLabel,
   taskUsesExecutionRoom,
 } from "@/models/tasks";
-import type { WorkspaceTask, WorkspaceTeamEvent } from "@/models/tasks";
+import type { WorkspaceTask, WorkspaceTeam, WorkspaceTeamEvent } from "@/models/tasks";
 import { MANAGER_AGENT_ID } from "@/shared/constants/agents";
 import "./TasksView.css";
 
@@ -46,15 +49,43 @@ const emptyCreateDraft: TaskCreateDraft = {
   description: "",
 };
 
+type VoidOrPromise = void | Promise<void>;
+
+export type TasksViewProps = {
+  agents?: AgentLike[];
+  createTaskBusy?: boolean;
+  createTaskError?: string;
+  error?: string;
+  loading?: boolean;
+  onCloseCreateTaskModal?: () => void;
+  onCloseParentTaskDetail?: () => void;
+  onCreateTask?: (payload: CreateWorkspaceTaskPayload) => VoidOrPromise;
+  onOpenConversation?: (roomID: string) => VoidOrPromise;
+  onPlanTask?: (taskID: string) => VoidOrPromise;
+  onRefresh?: () => VoidOrPromise;
+  onStartTask?: (taskID: string) => VoidOrPromise;
+  onViewParentDetail?: (taskID: string) => VoidOrPromise;
+  parentDetailTaskID?: string;
+  planTaskBusy?: boolean;
+  selectedTask?: WorkspaceTask | null;
+  showCreateTaskModal?: boolean;
+  startTaskBusy?: boolean;
+  taskActionError?: string;
+  taskEvents?: WorkspaceTeamEvent[];
+  tasks?: WorkspaceTask[];
+  t?: TranslateFn;
+  teams?: WorkspaceTeam[];
+};
+
 export function TasksView({
-  t,
+  t = (key) => key,
   agents = [],
-  tasks,
+  tasks = [],
   taskEvents = [],
   teams = [],
   selectedTask,
-  loading,
-  error,
+  loading = false,
+  error = "",
   taskActionError = "",
   planTaskBusy = false,
   startTaskBusy = false,
@@ -67,10 +98,10 @@ export function TasksView({
   onCreateTask,
   onPlanTask,
   onStartTask,
-  onRefresh,
-  onOpenConversation,
+  onRefresh = () => {},
+  onOpenConversation = () => {},
   onViewParentDetail,
-}) {
+}: TasksViewProps) {
   const parentTasks = useMemo(() => rootTasks(tasks), [tasks]);
   const routedRootTask = useMemo(() => rootTaskForTask(tasks, selectedTask), [selectedTask, tasks]);
   const activeRootTask = routedRootTask ?? parentTasks[0] ?? null;
@@ -85,14 +116,14 @@ export function TasksView({
   const managerIDs = useMemo(() => {
     const idSet = new Set<string>([MANAGER_AGENT_ID]);
     for (const agent of agents) {
-      if (agent.role === "manager") {
+      if (agent.role === "manager" && agent.id) {
         idSet.add(agent.id);
       }
     }
     return idSet;
   }, [agents]);
   const isUnstarted = (status: string) => status === "" || status === "pending";
-  const isPlannableTask = (task: (typeof tasks)[0]) =>
+  const isPlannableTask = (task: WorkspaceTask) =>
     isUnstarted(task.status) || (task.status === "assigned" && managerIDs.has(task.assigned_to));
   const canPlanRootTask = Boolean(activeRootTask && isPlannableTask(activeRootTask) && childTasks.length === 0);
   const canStartRootTask = Boolean(activeRootTask && isUnstarted(activeRootTask.status) && childTasks.length > 0);
@@ -342,6 +373,23 @@ export function TasksView({
   );
 }
 
+type TaskActionStripProps = {
+  canPlanTask: boolean;
+  canStartTask: boolean;
+  conversationLabel?: string;
+  conversationShortLabel?: string;
+  onOpenConversation?: () => VoidOrPromise;
+  onPlanTask?: () => VoidOrPromise;
+  onRefresh: () => VoidOrPromise;
+  onStartTask?: () => VoidOrPromise;
+  onViewParentDetail?: () => VoidOrPromise;
+  planTaskBusy: boolean;
+  showConversation: boolean;
+  showParentDetail?: boolean;
+  startTaskBusy: boolean;
+  t: TranslateFn;
+};
+
 function TaskActionStrip({
   t,
   showConversation,
@@ -357,7 +405,7 @@ function TaskActionStrip({
   onPlanTask = undefined,
   onStartTask = undefined,
   onRefresh,
-}) {
+}: TaskActionStripProps) {
   return (
     <div className="tasks-toolbar" aria-label={t("tasksActionsLabel")}>
       <TaskToolbarButton label={t("tasksRefreshShort")} title={t("tasksRefresh")} onClick={onRefresh} />
@@ -408,7 +456,13 @@ function TaskToolbarButton({ label, title = label, variant = "secondaryGray", ..
   );
 }
 
-function TaskBoardCard({ task, t, onSelect }) {
+type TaskBoardCardProps = {
+  onSelect: () => void;
+  t: TranslateFn;
+  task: WorkspaceTask;
+};
+
+function TaskBoardCard({ task, t, onSelect }: TaskBoardCardProps) {
   const description = task.body || task.plan_summary || task.result || task.error || t("tasksDetailPlaceholder");
 
   return (
@@ -420,6 +474,19 @@ function TaskBoardCard({ task, t, onSelect }) {
   );
 }
 
+type TaskDetailDialogProps = {
+  childCount?: number;
+  childTasks?: WorkspaceTask[];
+  onClose?: () => void;
+  onOpenConversation: (roomID: string) => VoidOrPromise;
+  open: boolean;
+  t: TranslateFn;
+  task: WorkspaceTask | null;
+  taskEvents?: WorkspaceTeamEvent[];
+  teams?: WorkspaceTeam[];
+  title?: string;
+};
+
 function TaskDetailDialog({
   t,
   title = "",
@@ -431,7 +498,7 @@ function TaskDetailDialog({
   open,
   onClose,
   onOpenConversation,
-}) {
+}: TaskDetailDialogProps) {
   const dialogTitle = task?.title || title || t("tasksDetailLabel");
   const locale = document.documentElement.lang;
   const detailEvents = useMemo(
@@ -566,7 +633,12 @@ function TaskMetaTag({ label, value }: TaskMetaTagItem) {
   );
 }
 
-function taskMetaTags(task: WorkspaceTask, childCount: number | undefined, t, locale: string): TaskMetaTagItem[] {
+function taskMetaTags(
+  task: WorkspaceTask,
+  childCount: number | undefined,
+  t: TranslateFn,
+  locale: string,
+): TaskMetaTagItem[] {
   const tags: TaskMetaTagItem[] = [
     {
       key: "kind",
@@ -652,7 +724,7 @@ function taskTimelineEntries(
   task: WorkspaceTask,
   childTasks: readonly WorkspaceTask[],
   events: readonly WorkspaceTeamEvent[],
-  t,
+  t: TranslateFn,
   locale: string,
 ): TaskTimelineEntry[] {
   const tasksByID = new Map([task, ...childTasks].map((item) => [item.id, item]));
@@ -668,7 +740,7 @@ function taskTimelineEntries(
 function taskTimelineEntryForEvent(
   event: WorkspaceTeamEvent,
   tasksByID: ReadonlyMap<string, WorkspaceTask>,
-  t,
+  t: TranslateFn,
   locale: string,
 ): TaskTimelineEntry | null {
   const title = taskEventTitle(event.type, t);
@@ -691,7 +763,7 @@ function taskTimelineEntryForEvent(
 function syntheticTimelineEntries(
   task: WorkspaceTask,
   existingEventTypes: ReadonlySet<string>,
-  t,
+  t: TranslateFn,
   locale: string,
 ): TaskTimelineEntry[] {
   const entries: TaskTimelineEntry[] = [];
@@ -741,7 +813,7 @@ function syntheticTimelineEntries(
   return entries;
 }
 
-function taskEventTitle(type: string, t): string {
+function taskEventTitle(type: string, t: TranslateFn): string {
   switch (type) {
     case "task.created":
       return t("taskTimelineCreated");
@@ -780,8 +852,8 @@ function taskEventMeta(event: WorkspaceTeamEvent, locale: string): string {
   return [formatTaskUpdatedAt(event.created_at, locale), event.actor_id].filter(Boolean).join(" · ");
 }
 
-function taskEventBody(event: WorkspaceTeamEvent, t): string {
-  const lines = [];
+function taskEventBody(event: WorkspaceTeamEvent, t: TranslateFn): string {
+  const lines: string[] = [];
   if (event.summary) {
     lines.push(event.summary);
   }
diff --git a/web/app/src/pages/TeamPage/components/TeamDetailPane/TeamDetailPane.tsx b/web/app/src/pages/TeamPage/components/TeamDetailPane/TeamDetailPane.tsx
index b62bda64..7b6f6845 100644
--- a/web/app/src/pages/TeamPage/components/TeamDetailPane/TeamDetailPane.tsx
+++ b/web/app/src/pages/TeamPage/components/TeamDetailPane/TeamDetailPane.tsx
@@ -1,4 +1,5 @@
 import { useState } from "react";
+import type { ReactNode } from "react";
 import { ExternalLink, ListChecks, Plus, Users } from "lucide-react";
 import { TaskSubtaskIndicator } from "@/components/business";
 import { AgentIcon, UsersIcon } from "@/components/ui/Icons";
@@ -16,24 +17,55 @@ import {
 } from "@/components/ui";
 import { toggleSelection } from "@/shared/lib/collections";
 import { isAgentRunning } from "@/models/agents";
-import { displayTeam, formatTaskUpdatedAt, resolveTaskSidebarPhase, rootTasks, taskChildren, teamStatusLabel } from "@/models/tasks";
+import type { AgentLike } from "@/models/agents";
+import type { IMConversation, IMUser, TranslateFn, UsersById } from "@/models/conversations";
+import {
+  displayTeam,
+  formatTaskUpdatedAt,
+  resolveTaskSidebarPhase,
+  rootTasks,
+  taskChildren,
+  teamStatusLabel,
+} from "@/models/tasks";
+import type { WorkspaceTask, WorkspaceTeam } from "@/models/tasks";
+
+type UsersLookup = UsersById | Record<string, IMUser | undefined>;
+type VoidOrPromise = void | Promise<void>;
+
+export type TeamDetailPaneProps = {
+  agents?: AgentLike[];
+  onAddAgentsToTeam?: (teamID: string, agentIDs: string[]) => VoidOrPromise;
+  onOpenRoom?: (roomID: string) => VoidOrPromise;
+  onSelectAgent?: (agent: AgentLike) => void;
+  onSelectTask?: (taskID: string) => void;
+  room?: IMConversation | null;
+  tasks?: WorkspaceTask[];
+  team?: WorkspaceTeam | null;
+  teamActionBusy?: boolean;
+  teamActionError?: string;
+  teamsLoading?: boolean;
+  t?: TranslateFn;
+  usersById?: UsersLookup;
+};
+
+type ActiveTeamTab = "members" | "records";
 
 export function TeamDetailPane({
-  t,
-  team,
+  t = (key) => key,
+  team = null,
   teamsLoading = false,
   room = null,
   agents = [],
-  usersById = {},
+  usersById = new Map<string, IMUser>(),
   tasks = [],
-  onOpenRoom,
-  onSelectAgent,
-  onSelectTask,
+  onOpenRoom = () => {},
+  onSelectAgent = () => {},
+  onSelectTask = () => {},
   teamActionBusy = false,
   teamActionError = "",
   onAddAgentsToTeam,
-}) {
-  const [activeTab, setActiveTab] = useState("members");
+}: TeamDetailPaneProps) {
+  const [activeTab, setActiveTab] = useState<ActiveTeamTab>("members");
   const [memberDialogOpen, setMemberDialogOpen] = useState(false);
   const [selectedMemberIDs, setSelectedMemberIDs] = useState<string[]>([]);
 
@@ -52,7 +84,7 @@ export function TeamDetailPane({
   const members = memberIDs.map((memberID) => memberDisplay(memberID, agents, usersById, team.lead_bot_id));
   const parentTasks = rootTasks(tasks);
   const locale = document.documentElement.lang || "en";
-  const teamAgents = agents.filter((agent) => Boolean(agent?.id));
+  const teamAgents = agents.filter((agent): agent is AgentLike & { id: string } => Boolean(agent?.id));
   const teamAgentIDs = teamAgents.map((agent) => String(agent.id));
   const roomMemberIDs = new Set(room?.members ?? []);
   const existingTeamAgentIDs = teamAgentIDs.filter(
@@ -249,13 +281,14 @@ export function TeamDetailPane({
                 </div>
                 <div className="team-member-list">
                   {members.length ? (
-                    members.map((member) =>
-                      member.agent ? (
+                    members.map((member) => {
+                      const memberAgent = member.agent;
+                      return memberAgent ? (
                         <button
                           key={member.id}
                           type="button"
                           className="team-member-row"
-                          onClick={() => onSelectAgent?.(member.agent)}
+                          onClick={() => onSelectAgent(memberAgent)}
                         >
                           <MemberRowContent member={member} t={t} />
                         </button>
@@ -263,8 +296,8 @@ export function TeamDetailPane({
                         <div key={member.id} className="team-member-row team-member-static">
                           <MemberRowContent member={member} t={t} />
                         </div>
-                      ),
-                    )
+                      );
+                    })
                   ) : (
                     <div className="workspace-empty">{t("teamNoMembers")}</div>
                   )}
@@ -324,7 +357,12 @@ export function TeamDetailPane({
   );
 }
 
-function DetailField({ label, value }) {
+type DetailFieldProps = {
+  label: string;
+  value: ReactNode;
+};
+
+function DetailField({ label, value }: DetailFieldProps) {
   return (
     <div className="entity-field team-detail-field">
       <span className="team-detail-label">{label}</span>
@@ -333,7 +371,16 @@ function DetailField({ label, value }) {
   );
 }
 
-function MemberRowContent({ member, t }) {
+type TeamMemberDisplay = {
+  agent: AgentLike | null;
+  id: string;
+  initials: string;
+  leader: boolean;
+  name: string;
+  running: boolean;
+};
+
+function MemberRowContent({ member, t }: { member: TeamMemberDisplay; t: TranslateFn }) {
   return (
     <>
       <span className={`team-member-avatar ${member.agent ? "agent" : ""}`}>
@@ -353,7 +400,7 @@ function MemberRowContent({ member, t }) {
   );
 }
 
-function teamMemberIDs(team, room) {
+function teamMemberIDs(team: WorkspaceTeam, room: IMConversation | null | undefined): string[] {
   const ids = new Set(room?.members ?? []);
   if (team.lead_bot_id) {
     ids.add(team.lead_bot_id);
@@ -361,9 +408,14 @@ function teamMemberIDs(team, room) {
   return Array.from(ids);
 }
 
-function memberDisplay(memberID, agents, usersById, leadBotID) {
+function memberDisplay(
+  memberID: string,
+  agents: readonly AgentLike[],
+  usersById: UsersLookup,
+  leadBotID: string,
+): TeamMemberDisplay {
   const agent = agents.find((item) => item.id === memberID) ?? null;
-  const user = usersById?.[memberID] ?? null;
+  const user = lookupUser(usersById, memberID);
   const name = agent?.name || user?.name || memberID;
   return {
     id: memberID,
@@ -375,14 +427,21 @@ function memberDisplay(memberID, agents, usersById, leadBotID) {
   };
 }
 
-function memberName(memberID, agents, usersById) {
+function memberName(memberID: string, agents: readonly AgentLike[], usersById: UsersLookup): string {
   if (!memberID) {
     return "-";
   }
   return memberDisplay(memberID, agents, usersById, "").name;
 }
 
-function initialsForName(name) {
+function lookupUser(usersById: UsersLookup, memberID: string): IMUser | undefined {
+  if (usersById instanceof Map) {
+    return usersById.get(memberID);
+  }
+  return usersById[memberID];
+}
+
+function initialsForName(name: string): string {
   const parts = String(name || "")
     .trim()
     .split(/\s+/)
diff --git a/web/app/src/pages/WorkspacePage/components/ProfilePreviewPopover/ProfilePreviewPopover.tsx b/web/app/src/pages/WorkspacePage/components/ProfilePreviewPopover/ProfilePreviewPopover.tsx
index 2fc93297..8e4096bb 100644
--- a/web/app/src/pages/WorkspacePage/components/ProfilePreviewPopover/ProfilePreviewPopover.tsx
+++ b/web/app/src/pages/WorkspacePage/components/ProfilePreviewPopover/ProfilePreviewPopover.tsx
@@ -1,4 +1,5 @@
 import { useLayoutEffect, useState } from "react";
+import type { RefObject } from "react";
 import { X } from "lucide-react";
 import {
   agentStatusLabel,
@@ -14,12 +15,35 @@ import { localizeRole } from "@/shared/i18n";
 import { AgentAvatarContent } from "@/components/business/AgentAvatar";
 import { avatarFallbackText } from "@/shared/avatar";
 import { Button, IconButton } from "@/components/ui";
+import type { AgentLike } from "@/models/agents";
+import type { IMUser, TranslateFn } from "@/models/conversations";
 
-function clamp(value, min, max) {
+type ProfilePreviewAnchorRect = {
+  bottom: number;
+  left: number;
+  right: number;
+  top: number;
+};
+
+export type ProfilePreviewPopoverProps = {
+  agent: AgentLike | null;
+  anchorRect: ProfilePreviewAnchorRect;
+  busyKey: string;
+  inDirectConversation: boolean;
+  onClose: () => void;
+  onDelete: (item: AgentLike) => void | Promise<void>;
+  onOpenAgent: (item: AgentLike) => void;
+  onOpenDM: (item: AgentLike) => void | Promise<void>;
+  previewRef: RefObject<HTMLElement | null>;
+  t: TranslateFn;
+  user: IMUser | null;
+};
+
+function clamp(value: number, min: number, max: number): number {
   return Math.min(max, Math.max(min, value));
 }
 
-function profilePreviewStyle(anchorRect, cardHeight = 420) {
+function profilePreviewStyle(anchorRect: ProfilePreviewAnchorRect | null | undefined, cardHeight = 420) {
   const offset = 12;
   const viewportPadding = 16;
   const width = Math.min(360, window.innerWidth - viewportPadding * 2);
@@ -38,17 +62,17 @@ function profilePreviewStyle(anchorRect, cardHeight = 420) {
   return { top: `${top}px`, left: `${left}px`, width: `${width}px` };
 }
 
-function previewFieldLabel(label) {
+function previewFieldLabel(label: string): string {
   return String(label || "").toLocaleUpperCase();
 }
 
-function agentModelWithReasoning(agent) {
+function agentModelWithReasoning(agent: AgentLike): string {
   const model = agentModelID(agent);
   const reasoning = agent?.reasoning_effort || agent?.agent_profile?.reasoning_effort || "medium";
   return reasoning ? `${model}(${reasoning})` : model;
 }
 
-function isBootstrapAdminUser(user) {
+function isBootstrapAdminUser(user: IMUser | null | undefined): boolean {
   return (
     user?.id === "u-admin" ||
     String(user?.handle ?? "").toLowerCase() === "admin" ||
@@ -68,7 +92,7 @@ export function ProfilePreviewPopover({
   onOpenAgent,
   onOpenDM,
   onDelete,
-}) {
+}: ProfilePreviewPopoverProps) {
   const localAdminPreview = !agent && isBootstrapAdminUser(user);
   const showAgentMetadataFields = Boolean(agent || localAdminPreview);
   const running = agent ? isAgentRunning(agent) : false;
@@ -82,7 +106,7 @@ export function ProfilePreviewPopover({
   const previewProvider = agent ? formatProviderLabel(provider) : t("profileLocalProvider");
   const previewModel = agent ? agentModelWithReasoning(agent) : localizeRole(user?.role || "admin", t);
   const displayName = agent?.name || user?.name || "";
-  const displayRole = agent ? agent.role || "worker" : user?.role;
+  const displayRole = agent ? agent.role || "worker" : user?.role || "";
   const deleteBusy = agent ? busyKey === `${agent.id}:delete-bot` : false;
   const canOpenDM = !inDirectConversation;
   const [cardHeight, setCardHeight] = useState(420);
@@ -121,11 +145,18 @@ export function ProfilePreviewPopover({
       <div className="preview-hero">
         {agent ? (
           <div className="entity-avatar preview-avatar">
-            <AgentAvatarContent avatar={agent.avatar} fallback={avatarFallbackText(agent.avatar, displayName, agent.id)} alt="" />
+            <AgentAvatarContent
+              avatar={agent.avatar}
+              fallback={avatarFallbackText(agent.avatar, displayName, agent.id)}
+              alt=""
+            />
           </div>
         ) : (
           <div className="avatar preview-avatar">
-            <AgentAvatarContent avatar={user.avatar} fallback={avatarFallbackText(user.avatar, user.name, user.handle, user.id)} />
+            <AgentAvatarContent
+              avatar={user?.avatar}
+              fallback={avatarFallbackText(user?.avatar, user?.name, user?.handle, user?.id)}
+            />
           </div>
         )}
         <div className="preview-identity">
@@ -192,7 +223,7 @@ export function ProfilePreviewPopover({
           </div>
           <div className="entity-field">
             <span>{previewFieldLabel(t("roleLabel"))}</span>
-            <strong>{localizeRole(user?.role, t)}</strong>
+            <strong>{localizeRole(user?.role || "", t)}</strong>
           </div>
           <div className="entity-field">
             <span>{previewFieldLabel(t("handleLabel"))}</span>
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceLayout/WorkspaceLayout.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceLayout/WorkspaceLayout.tsx
index 250a159a..8aa3e838 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceLayout/WorkspaceLayout.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceLayout/WorkspaceLayout.tsx
@@ -35,7 +35,8 @@ export function WorkspaceLayout() {
     pointerX: 0,
     width: SidebarWidth.default,
   });
-  const isSidebarCollapsed = controller.ready ? controller.sidebarProps.isSidebarCollapsed : false;
+  const sidebarProps = controller.ready ? controller.sidebarProps : null;
+  const isSidebarCollapsed = sidebarProps?.isSidebarCollapsed ?? false;
 
   useEffect(() => {
     if (!isSidebarCollapsed) {
@@ -113,16 +114,16 @@ export function WorkspaceLayout() {
     <AppLayout ready={controller.ready} loadingFallback={<AppLayoutLoading>{controller.loadingText}</AppLayoutLoading>}>
       <AppLayoutShell className={shellClassName} style={shellStyle}>
         <div className="workspace-sidebar-shell">
-          {controller.ready ? (
+          {sidebarProps ? (
             <WorkspaceTopBar
               isSidebarCollapsed={isSidebarCollapsed}
-              onCollapseSidebar={controller.sidebarProps.onCollapseSidebar}
-              onExpandSidebar={controller.sidebarProps.onExpandSidebar}
-              collapseSidebarLabel={controller.sidebarProps.t("collapseSidebar")}
-              expandSidebarLabel={controller.sidebarProps.t("expandSidebar")}
+              onCollapseSidebar={sidebarProps.onCollapseSidebar}
+              onExpandSidebar={sidebarProps.onExpandSidebar}
+              collapseSidebarLabel={sidebarProps.t("collapseSidebar")}
+              expandSidebarLabel={sidebarProps.t("expandSidebar")}
             />
           ) : null}
-          <WorkspaceSidebar {...controller.sidebarProps} />
+          {sidebarProps ? <WorkspaceSidebar {...sidebarProps} /> : null}
         </div>
         {controller.ready ? (
           <div
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/AgentProfileModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/AgentProfileModal.tsx
index 18cd5f25..1e0a291d 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/AgentProfileModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/AgentProfileModal.tsx
@@ -7,8 +7,10 @@ import {
   PROVIDERS,
   WORKER_RUNTIME_KIND_OPTIONS,
 } from "@/shared/constants/agents";
+import type { SetStateAction } from "react";
 import {
   AgentCreateProgress,
+  type AgentCreateProgressProps,
   APIKeyField,
   CLIProxyAuthControl,
   EnvKeyValueEditor,
@@ -34,8 +36,41 @@ import {
   runtimeImageForKind,
   templateMatchesRuntime,
 } from "@/models/agents";
+import type { AgentDraft, AgentLike, RuntimeBootstrapConfig } from "@/models/agents";
+import type { TranslateFn } from "@/models/conversations";
+import type { HubTemplate } from "@/models/hubWorkspace";
+import type { CLIProxyAuthStatusMap } from "@/hooks/workspace/useCLIProxyAuthStatuses";
 import { ModalCloseButton } from "./ModalCloseButton";
 
+type AgentModalMode = "create" | "edit";
+type AgentDraftUpdate = SetStateAction<AgentDraft | null>;
+type VoidOrPromise = void | Promise<void>;
+
+export type AgentProfileModalProps = {
+  agentBusy?: boolean;
+  agentCreateBotKind: string;
+  agentDraft: AgentDraft;
+  agentError?: string;
+  agentModelBusy?: boolean;
+  agentModalMode: AgentModalMode;
+  agentModels?: string[];
+  agentProgress?: AgentCreateProgressProps["progress"];
+  authBusyProvider?: string;
+  authStatuses?: CLIProxyAuthStatusMap;
+  bootstrapConfig?: RuntimeBootstrapConfig | null;
+  editingAgent?: AgentLike | null;
+  hubTemplates?: HubTemplate[];
+  managerAgent?: AgentLike | null;
+  notifierWebhookPublicOrigin?: string;
+  onAgentCreateBotKindChange: (kind: string) => void;
+  onAgentDraftChange: (update: AgentDraftUpdate) => void;
+  onAgentModelsReset: () => void;
+  onClose: () => void;
+  onProviderLogin?: (provider: string) => VoidOrPromise;
+  onSave: () => VoidOrPromise;
+  t: TranslateFn;
+};
+
 export function AgentProfileModal({
   t,
   agentModalMode,
@@ -45,55 +80,61 @@ export function AgentProfileModal({
   agentDraft,
   onAgentDraftChange,
   onAgentModelsReset,
-  hubTemplates,
-  bootstrapConfig,
-  managerAgent,
-  agentModels,
-  agentModelBusy,
-  authStatuses,
-  authBusyProvider,
-  notifierWebhookPublicOrigin,
+  hubTemplates = [],
+  bootstrapConfig = null,
+  managerAgent = null,
+  agentModels = [],
+  agentModelBusy = false,
+  authStatuses = {},
+  authBusyProvider = "",
+  notifierWebhookPublicOrigin = "",
   onProviderLogin,
-  agentError,
-  agentProgress,
-  agentBusy,
+  agentError = "",
+  agentProgress = null,
+  agentBusy = false,
   onClose,
   onSave,
-}) {
+}: AgentProfileModalProps) {
   const createBotKind = agentModalMode === "create" ? agentCreateBotKind : undefined;
   const isNotificationContext = isNotificationBotDraftContext(agentDraft, editingAgent, createBotKind);
   const isWorkerCreate = agentModalMode === "create" && !isNotificationContext;
   const templateLocked = agentCreateTemplateLocked(agentDraft, agentModalMode);
 
-  function switchCreateBotKind(nextKind) {
+  function switchCreateBotKind(nextKind: string) {
     if (agentModalMode !== "create" || nextKind === agentCreateBotKind) {
       return;
     }
     onAgentCreateBotKindChange(nextKind);
     if (nextKind === BOT_CREATE_KIND_NOTIFICATION) {
-      onAgentDraftChange((current) =>
-        ensureNotifierPullSubscriptionDraft({
-          ...current,
-          avatar: current?.avatar || "",
+      onAgentDraftChange((current) => {
+        const baseDraft = current ?? agentDraft;
+        return ensureNotifierPullSubscriptionDraft({
+          ...baseDraft,
+          avatar: baseDraft.avatar || "",
           bot_type: BOT_TYPE_NOTIFICATION,
           from_template: "",
           template_name: "",
-          notifier_delivery_mode: current?.notifier_delivery_mode || "webhook",
-        }),
-      );
+          notifier_delivery_mode: baseDraft.notifier_delivery_mode || "webhook",
+        });
+      });
       return;
     }
     onAgentDraftChange((current) => {
-      const runtimeKindRaw = normalizeRuntimeKind(current?.runtime_kind) || DEFAULT_RUNTIME_KIND;
+      const baseDraft = current ?? agentDraft;
+      const runtimeKindRaw = normalizeRuntimeKind(baseDraft.runtime_kind) || DEFAULT_RUNTIME_KIND;
       const runtimeKind = runtimeKindRaw === "notifier" ? DEFAULT_RUNTIME_KIND : runtimeKindRaw;
       const template = pickDefaultAgentTemplate(hubTemplates, runtimeKind, bootstrapConfig);
       return applyTemplateToDraft(
         {
-          ...current,
-          avatar: current?.avatar || "",
+          ...baseDraft,
+          avatar: baseDraft.avatar || "",
           bot_type: BOT_TYPE_NORMAL,
           runtime_kind: runtimeKind,
-          image: runtimeImageForKind(runtimeKind, bootstrapConfig, managerAgent?.image || current?.default_image || ""),
+          image: runtimeImageForKind(
+            runtimeKind,
+            bootstrapConfig,
+            managerAgent?.image || baseDraft.default_image || "",
+          ),
         },
         template,
         bootstrapConfig,
@@ -165,13 +206,17 @@ export function AgentProfileModal({
                         hubTemplates.find((item) => item.id === value) || null,
                       );
                       onAgentDraftChange((current) =>
-                        applyTemplateToDraft(current, nextTemplate, bootstrapConfig, managerAgent?.image || ""),
+                        current
+                          ? applyTemplateToDraft(current, nextTemplate, bootstrapConfig, managerAgent?.image || "")
+                          : current,
                       );
                     }}
                     triggerProps={{ "aria-label": t("templateLabel") }}
                     options={[
                       { value: "", label: t("templateNone") },
-                      ...hubTemplates.map((item) => ({ value: item.id, label: item.name || item.id })),
+                      ...hubTemplates
+                        .filter((item) => item.id)
+                        .map((item) => ({ value: item.id || "", label: item.name || item.id || "" })),
                     ]}
                   />
                 </label>
@@ -226,7 +271,7 @@ export function AgentProfileModal({
                           const nextTemplate = templateMatchesRuntime(currentTemplate, runtimeKind)
                             ? currentTemplate
                             : pickDefaultAgentTemplate(hubTemplates, runtimeKind, bootstrapConfig);
-                          let nextDraft = {
+                          let nextDraft: AgentDraft = {
                             ...agentDraft,
                             bot_type: BOT_TYPE_NORMAL,
                             role: "worker",
@@ -278,7 +323,7 @@ export function AgentProfileModal({
           </section>
           {isNotificationContext ? (
             <NotifierControls
-              agentID={agentModalMode === "edit" ? editingAgent?.id : ""}
+              agentID={agentModalMode === "edit" ? editingAgent?.id || "" : ""}
               draft={agentDraft}
               t={t}
               webhookPublicOrigin={notifierWebhookPublicOrigin}
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ConfigSettingsModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ConfigSettingsModal.tsx
index 9b03674a..c1561e3d 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ConfigSettingsModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ConfigSettingsModal.tsx
@@ -1,7 +1,11 @@
 import { Button } from "@/components/ui";
 import type { ConfigPhase } from "@/hooks/workspace/useConfigController";
 import type { ConfigSettingsDraft } from "@/models/configSettings";
-import { configTemplateOptions, configAdvertiseBaseURLPlaceholder, sandboxProviderLabel } from "@/models/configSettings";
+import {
+  configTemplateOptions,
+  configAdvertiseBaseURLPlaceholder,
+  sandboxProviderLabel,
+} from "@/models/configSettings";
 import type { TranslateFn } from "@/models/conversations";
 import type { HubTemplate } from "@/models/hubWorkspace";
 import { ModalCloseButton } from "./ModalCloseButton";
@@ -44,11 +48,7 @@ export function ConfigSettingsModal({
           ? t("configSettingsRestartingBody")
           : t("configSettingsHint");
   const providerOptions = sandboxProviders.length > 0 ? sandboxProviders : ["boxlite", "docker", "csghub"];
-  const managerTemplateOptions = configTemplateOptions(
-    hubTemplates,
-    "manager",
-    configDraft.default_manager_template,
-  );
+  const managerTemplateOptions = configTemplateOptions(hubTemplates, "manager", configDraft.default_manager_template);
   const managerTemplateLabel =
     managerTemplateOptions.find((option) => option.value === configDraft.default_manager_template)?.label ||
     configDraft.default_manager_template;
@@ -74,13 +74,7 @@ export function ConfigSettingsModal({
             <div className="config-settings-stack">
               <label className="field">
                 <span>{t("configSettingsListenPort")}</span>
-                <input
-                  inputMode="numeric"
-                  value={configDraft.listen_port}
-                  disabled
-                  readOnly
-                  aria-readonly="true"
-                />
+                <input inputMode="numeric" value={configDraft.listen_port} disabled readOnly aria-readonly="true" />
               </label>
               <label className="field">
                 <span>{t("configSettingsAdvertiseBaseURL")}</span>
@@ -91,9 +85,7 @@ export function ConfigSettingsModal({
                   placeholder={configAdvertiseBaseURLPlaceholder(configDraft) || undefined}
                   autoComplete="off"
                   spellCheck={false}
-                  onInput={(event) =>
-                    onDraftChange({ advertise_base_url: event.currentTarget.value.trim() })
-                  }
+                  onInput={(event) => onDraftChange({ advertise_base_url: event.currentTarget.value.trim() })}
                 />
               </label>
             </div>
@@ -143,9 +135,7 @@ export function ConfigSettingsModal({
             <label className="field">
               <span>{t("configSettingsShowUpgrade")}</span>
               <input
-                value={
-                  configDraft.show_upgrade ? t("configSettingsShowUpgradeOn") : t("configSettingsShowUpgradeOff")
-                }
+                value={configDraft.show_upgrade ? t("configSettingsShowUpgradeOn") : t("configSettingsShowUpgradeOff")}
                 disabled
                 readOnly
                 aria-readonly="true"
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateRoomModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateRoomModal.tsx
index 1325ca3d..52b27354 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateRoomModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateRoomModal.tsx
@@ -2,15 +2,17 @@ import { isBlank } from "@/components/business/ProfileControls";
 import { AgentAvatarContent } from "@/components/business/AgentAvatar";
 import { Button as CSGButton } from "@/components/ui/Button";
 import { useEffect } from "react";
+import type { Dispatch, SetStateAction } from "react";
+import type { IMUser, TranslateFn } from "@/models/conversations";
 import { toggleSelection } from "@/shared/lib/collections";
 import { ModalCloseButton } from "./ModalCloseButton";
 
-function getAvatarInitial(user) {
+function getAvatarInitial(user: IMUser): string {
   const label = user.name || user.handle || user.id || "?";
   return label.trim().charAt(0).toUpperCase() || "?";
 }
 
-function MemberAvatar({ user, index = 0, compact = false }) {
+function MemberAvatar({ user, index = 0, compact = false }: { compact?: boolean; index?: number; user: IMUser }) {
   const fallback = getAvatarInitial(user);
   return (
     <span className={compact ? "create-room-avatar compact" : "create-room-avatar"} data-avatar-index={index % 6}>
@@ -19,7 +21,7 @@ function MemberAvatar({ user, index = 0, compact = false }) {
   );
 }
 
-function AvatarStack({ users }) {
+function AvatarStack({ users }: { users: IMUser[] }) {
   const visibleUsers = users.slice(0, 9);
   const overflowCount = Math.max(users.length - visibleUsers.length, 0);
 
@@ -33,6 +35,21 @@ function AvatarStack({ users }) {
   );
 }
 
+export type CreateRoomModalProps = {
+  candidates: IMUser[];
+  lockedRoomMemberIDs: string[];
+  onClose: () => void;
+  onCreate: () => void | Promise<void>;
+  onRoomDescriptionChange: (value: string) => void;
+  onRoomMemberIDsChange: Dispatch<SetStateAction<string[]>>;
+  onRoomTitleChange: (value: string) => void;
+  roomDescription: string;
+  roomMemberIDs: string[];
+  roomTitle: string;
+  submitError?: string;
+  t: TranslateFn;
+};
+
 export function CreateRoomModal({
   t,
   roomTitle,
@@ -46,7 +63,7 @@ export function CreateRoomModal({
   submitError,
   onClose,
   onCreate,
-}) {
+}: CreateRoomModalProps) {
   const candidateIDs = candidates.map((user) => user.id).filter(Boolean);
   const selectableMemberIDs = candidateIDs.filter((id) => !lockedRoomMemberIDs.includes(id));
   const allMembersSelected = candidateIDs.length > 0 && candidateIDs.every((id) => roomMemberIDs.includes(id));
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateTeamModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateTeamModal.tsx
index ff77eecf..99c5249c 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateTeamModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateTeamModal.tsx
@@ -31,7 +31,7 @@ export function CreateTeamModal({
   onClose,
   onCreate,
 }: CreateTeamModalProps) {
-  const candidateIDs = candidates.map((item) => String(item.id)).filter(Boolean);
+  const candidateIDs = candidates.map((item) => item.id).filter((id): id is string => Boolean(id));
   const allCandidatesSelected = candidateIDs.length > 0 && candidateIDs.every((id) => teamMemberIDs.includes(id));
   const selectedMemberCount = candidateIDs.filter((id) => teamMemberIDs.includes(id)).length;
 
@@ -77,17 +77,23 @@ export function CreateTeamModal({
                     {selectedMemberCount}/{candidateIDs.length}
                   </small>
                 </label>
-                {candidates.map((item) => (
-                  <label key={item.id} className="selection-item">
-                    <input
-                      type="checkbox"
-                      checked={teamMemberIDs.includes(item.id)}
-                      onChange={() => onTeamMemberIDsChange((current) => toggleSelection(current, item.id))}
-                    />
-                    <span>{item.name || item.id}</span>
-                    <small>{item.role || "-"}</small>
-                  </label>
-                ))}
+                {candidates.map((item) => {
+                  const itemID = item.id || "";
+                  return (
+                    <label key={itemID || item.name} className="selection-item">
+                      <input
+                        type="checkbox"
+                        checked={itemID ? teamMemberIDs.includes(itemID) : false}
+                        disabled={!itemID}
+                        onChange={() =>
+                          itemID ? onTeamMemberIDsChange((current) => toggleSelection(current, itemID)) : undefined
+                        }
+                      />
+                      <span>{item.name || itemID}</span>
+                      <small>{item.role || "-"}</small>
+                    </label>
+                  );
+                })}
               </>
             ) : (
               <div className="selection-empty">{t("teamNoMembersHint")}</div>
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/InviteMembersModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/InviteMembersModal.tsx
index 14196894..9f2d2cde 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/InviteMembersModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/InviteMembersModal.tsx
@@ -1,17 +1,19 @@
 import { AgentAvatarContent } from "@/components/business/AgentAvatar";
 import { Button as CSGButton } from "@/components/ui/Button";
 import { useEffect, useRef, useState } from "react";
+import type { Dispatch, SetStateAction } from "react";
+import type { IMUser, TranslateFn } from "@/models/conversations";
 import { toggleSelection } from "@/shared/lib/collections";
 import { ModalCloseButton } from "./ModalCloseButton";
 
-function getAvatarInitial(user) {
+function getAvatarInitial(user: IMUser): string {
   if (user?.avatar && typeof user.avatar === "string" && user.avatar.length <= 2) {
     return user.avatar;
   }
   return (user?.name || user?.handle || "?").charAt(0).toUpperCase();
 }
 
-function MemberAvatar({ user, index = 0, compact = false }) {
+function MemberAvatar({ user, index = 0, compact = false }: { compact?: boolean; index?: number; user: IMUser }) {
   const fallback = getAvatarInitial(user);
   return (
     <span className={compact ? "create-room-avatar compact" : "create-room-avatar"} data-avatar-index={index % 6}>
@@ -20,7 +22,7 @@ function MemberAvatar({ user, index = 0, compact = false }) {
   );
 }
 
-function AvatarStack({ users }) {
+function AvatarStack({ users }: { users: IMUser[] }) {
   const visibleUsers = users.slice(0, 9);
   const overflowCount = Math.max(users.length - visibleUsers.length, 0);
 
@@ -34,6 +36,16 @@ function AvatarStack({ users }) {
   );
 }
 
+export type InviteMembersModalProps = {
+  candidates: IMUser[];
+  inviteUserIDs: string[];
+  onClose: () => void;
+  onInvite: () => void | Promise<void>;
+  onInviteUserIDsChange: Dispatch<SetStateAction<string[]>>;
+  submitError?: string;
+  t: TranslateFn;
+};
+
 export function InviteMembersModal({
   t,
   candidates,
@@ -42,7 +54,7 @@ export function InviteMembersModal({
   submitError,
   onClose,
   onInvite,
-}) {
+}: InviteMembersModalProps) {
   const [isScrolling, setIsScrolling] = useState(false);
   const scrollTimerRef = useRef<number | null>(null);
   const candidateIDs = candidates.map((user) => user.id).filter(Boolean);
@@ -98,7 +110,8 @@ export function InviteMembersModal({
                       checked={allCandidatesSelected}
                       onChange={() => {
                         onInviteUserIDsChange((current) => {
-                          const allSelected = candidateIDs.length > 0 && candidateIDs.every((id) => current.includes(id));
+                          const allSelected =
+                            candidateIDs.length > 0 && candidateIDs.every((id) => current.includes(id));
                           if (allSelected) {
                             return current.filter((id) => !candidateIDs.includes(id));
                           }
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ManagerProfileSetupModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ManagerProfileSetupModal.tsx
index dc83511c..316a1d2b 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ManagerProfileSetupModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ManagerProfileSetupModal.tsx
@@ -13,6 +13,39 @@ import {
   normalizeAuthProviderName,
   normalizeRuntimeKind,
 } from "@/models/agents";
+import type { AgentDraft, AgentProfileLike, RuntimeBootstrapConfig } from "@/models/agents";
+import type { TranslateFn } from "@/models/conversations";
+import type { CLIProxyAuthStatusMap } from "@/hooks/workspace/useCLIProxyAuthStatuses";
+
+type ManagerProfileDetectionResult = {
+  error?: string | null;
+  model_id?: string | null;
+  provider?: string | null;
+  status?: string | null;
+};
+
+type ManagerProfileLike = AgentProfileLike & {
+  detection_results?: ManagerProfileDetectionResult[] | null;
+};
+
+type VoidOrPromise = void | Promise<void>;
+
+export type ManagerProfileSetupModalProps = {
+  authBusyProvider?: string;
+  authStatuses?: CLIProxyAuthStatusMap;
+  bootstrapConfig?: RuntimeBootstrapConfig | null;
+  managerProfile?: ManagerProfileLike | null;
+  onProfileDraftChange: (draft: AgentDraft) => void;
+  onProfileModelsReset: () => void;
+  onProviderLogin?: (provider: string) => VoidOrPromise;
+  onSave: () => VoidOrPromise;
+  profileBusy?: boolean;
+  profileDraft: AgentDraft;
+  profileError?: string;
+  profileModelBusy?: boolean;
+  profileModels?: string[];
+  t: TranslateFn;
+};
 
 export function ManagerProfileSetupModal({
   t,
@@ -20,16 +53,16 @@ export function ManagerProfileSetupModal({
   profileDraft,
   onProfileDraftChange,
   onProfileModelsReset,
-  bootstrapConfig,
-  profileModels,
-  profileModelBusy,
-  authStatuses,
-  authBusyProvider,
+  bootstrapConfig = null,
+  profileModels = [],
+  profileModelBusy = false,
+  authStatuses = {},
+  authBusyProvider = "",
   onProviderLogin,
-  profileError,
-  profileBusy,
+  profileError = "",
+  profileBusy = false,
   onSave,
-}) {
+}: ManagerProfileSetupModalProps) {
   return (
     <div className="modal-backdrop profile-backdrop nonblocking">
       <div className="modal-card profile-modal" onClick={(event) => event.stopPropagation()}>
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ManagerRebuildModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ManagerRebuildModal.tsx
index 0c45db1f..3b4cd1d7 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ManagerRebuildModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/ManagerRebuildModal.tsx
@@ -1,8 +1,38 @@
-import { AgentCreateProgress } from "@/components/business/ProfileControls";
+import { AgentCreateProgress, type AgentCreateProgressProps } from "@/components/business/ProfileControls";
 import { Button, Select, SelectContent, SelectItem, SelectRoot, SelectTrigger } from "@/components/ui";
 import { defaultManagerRebuildImageForRuntime, formatRuntimeKindLabel, normalizeRuntimeKind } from "@/models/agents";
+import type { AgentLike, ManagerTemplateVariant, RuntimeBootstrapConfig } from "@/models/agents";
+import type { TranslateFn } from "@/models/conversations";
 import { ModalCloseButton } from "./ModalCloseButton";
 
+type RuntimeOption = {
+  value: string;
+};
+
+type ImageReferenceParts = {
+  context: string;
+  name: string;
+  suffix: string;
+};
+
+export type ManagerRebuildModalProps = {
+  bootstrapConfig?: RuntimeBootstrapConfig | null;
+  busy?: boolean;
+  error?: string;
+  image?: string;
+  imageOptions?: string[];
+  managerAgent?: AgentLike | null;
+  onClose: () => void;
+  onConfirm: () => void | Promise<void>;
+  onImageChange: (image: string) => void;
+  onRuntimeKindChange: (runtimeKind: string) => void;
+  progress?: AgentCreateProgressProps["progress"];
+  runtimeKind?: string;
+  runtimeOptions: RuntimeOption[];
+  t: TranslateFn;
+  templateVariants?: ManagerTemplateVariant[];
+};
+
 export function ManagerRebuildModal({
   t,
   runtimeOptions,
@@ -12,14 +42,14 @@ export function ManagerRebuildModal({
   templateVariants = [],
   bootstrapConfig,
   managerAgent,
-  busy,
-  error,
+  busy = false,
+  error = "",
   progress = null,
   onRuntimeKindChange,
   onImageChange,
   onClose,
   onConfirm,
-}) {
+}: ManagerRebuildModalProps) {
   const selectedRuntimeKind = normalizeRuntimeKind(runtimeKind) || runtimeOptions[0]?.value || "picoclaw_sandbox";
   const selectedImage = String(image ?? "").trim();
   return (
@@ -113,7 +143,7 @@ export function ManagerRebuildModal({
   );
 }
 
-function ImageReferenceLabel({ image }) {
+function ImageReferenceLabel({ image }: { image: string }) {
   const { context, name, suffix } = imageReferenceParts(image);
   return (
     <span className="manager-rebuild-image-option" title={image}>
@@ -131,7 +161,7 @@ function ImageReferenceLabel({ image }) {
   );
 }
 
-function imageReferenceParts(image) {
+function imageReferenceParts(image: string): ImageReferenceParts {
   const value = String(image ?? "").trim();
   if (!value) {
     return { context: "", name: "", suffix: "" };
@@ -148,7 +178,7 @@ function imageReferenceParts(image) {
   return splitImagePath(value, "");
 }
 
-function splitImagePath(path, suffix) {
+function splitImagePath(path: string, suffix: string): ImageReferenceParts {
   const lastSlash = path.lastIndexOf("/");
   if (lastSlash < 0) {
     return { context: "", name: path, suffix };
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/UpgradeModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/UpgradeModal.tsx
index 140eb20e..d19bedb0 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/UpgradeModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/UpgradeModal.tsx
@@ -1,17 +1,30 @@
 import { Button } from "@/components/ui";
 import { formatSidebarVersionLabel, isLocalBuildVersion, upgradeStatusLabel } from "@/models/upgradeStatus";
+import type { UpgradePhase, UpgradeStatus } from "@/models/upgradeStatus";
+import type { TranslateFn } from "@/models/conversations";
 import { ModalCloseButton } from "./ModalCloseButton";
 
+export type UpgradeModalProps = {
+  appVersion?: string;
+  onApply: () => void | Promise<void>;
+  onClose: () => void;
+  t: TranslateFn;
+  upgradeBusy?: boolean;
+  upgradeError?: string;
+  upgradePhase: UpgradePhase;
+  upgradeStatus?: UpgradeStatus | null;
+};
+
 export function UpgradeModal({
   t,
   upgradeStatus,
-  appVersion,
+  appVersion = "",
   upgradePhase,
-  upgradeBusy,
-  upgradeError,
+  upgradeBusy = false,
+  upgradeError = "",
   onClose,
   onApply,
-}) {
+}: UpgradeModalProps) {
   const currentVersion = upgradeStatus?.current_version || appVersion || "dev";
   const statusLabel = isLocalBuildVersion(currentVersion)
     ? t("upgradeStatusLocal")
@@ -60,7 +73,7 @@ export function UpgradeModal({
           </p>
         </div>
         {upgradeError || upgradeStatus?.last_error ? (
-          <div className="form-error">{upgradeError || upgradeStatus.last_error}</div>
+          <div className="form-error">{upgradeError || upgradeStatus?.last_error}</div>
         ) : null}
         <div className="modal-actions">
           {upgradePhase === "done" ? (
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceRows/WorkspaceRows.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceRows/WorkspaceRows.tsx
index b1fb4e82..62a54723 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceRows/WorkspaceRows.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceRows/WorkspaceRows.tsx
@@ -17,12 +17,22 @@ import {
   resolveConversationUser,
 } from "@/models/conversations";
 import { MessagePreviewText } from "@/components/business/MessageContent";
-import { AgentIcon, ChevronIcon, ComputerIcon, RoomPlusIcon, RoomsIcon } from "@/components/ui/Icons";
+import { ChevronIcon, ComputerIcon, RoomPlusIcon, RoomsIcon } from "@/components/ui/Icons";
 import { Button } from "@/components/ui";
 import { AgentAvatarContent } from "@/components/business/AgentAvatar";
 import { avatarFallbackText } from "@/shared/avatar";
 import { RoomAvatar, resolveRoomAvatarMembers } from "@/components/business/RoomAvatar";
 import type { DragEvent, ReactNode } from "react";
+import type { AgentLike } from "@/models/agents";
+import type {
+  IMConversation,
+  IMMessage,
+  IMUser,
+  LocaleCode,
+  ThreadView,
+  TranslateFn,
+  UsersById,
+} from "@/models/conversations";
 
 export type WorkspaceGroupProps = {
   addIcon?: ReactNode;
@@ -120,7 +130,14 @@ export function WorkspaceGroup({
   );
 }
 
-export function WorkspaceComputerRow({ title, active, subtitle, onSelect }) {
+export type WorkspaceComputerRowProps = {
+  active: boolean;
+  onSelect: () => void;
+  subtitle: string;
+  title: string;
+};
+
+export function WorkspaceComputerRow({ title, active, subtitle, onSelect }: WorkspaceComputerRowProps) {
   return (
     <button className={`workspace-row computer-row ${active ? "active" : ""}`} onClick={onSelect}>
       <span className="workspace-row-icon">
@@ -135,7 +152,23 @@ export function WorkspaceComputerRow({ title, active, subtitle, onSelect }) {
   );
 }
 
-export function WorkspaceAgentRow({ item, active, t, onSelect, onPreview, notification = false }) {
+export type WorkspaceAgentRowProps = {
+  active: boolean;
+  item: AgentLike;
+  notification?: boolean;
+  onPreview?: (item: AgentLike, anchor: HTMLElement) => void;
+  onSelect: (item: AgentLike) => void;
+  t: TranslateFn;
+};
+
+export function WorkspaceAgentRow({
+  item,
+  active,
+  t,
+  onSelect,
+  onPreview,
+  notification = false,
+}: WorkspaceAgentRowProps) {
   const incomplete = isAgentIncomplete(item);
   const restartNeeded = isAgentRestartNeeded(item);
   const upgradeNeeded = isAgentUpgradeNeeded(item);
@@ -165,7 +198,10 @@ export function WorkspaceAgentRow({ item, active, t, onSelect, onPreview, notifi
           }
         }}
       >
-        <AgentAvatarContent avatar={item.avatar} fallback={avatarFallbackText(item.avatar, item.name, item.handle, item.id)} />
+        <AgentAvatarContent
+          avatar={item.avatar}
+          fallback={avatarFallbackText(item.avatar, item.name, item.handle, item.id)}
+        />
       </span>
       <span className="workspace-row-main">
         <span className="workspace-row-title-line">
@@ -193,6 +229,16 @@ export function WorkspaceConversationRow({
   t,
   onSelect,
   onPreviewUser,
+}: {
+  active: boolean;
+  agents?: AgentLike[];
+  conversation: IMConversation;
+  currentUserID: string;
+  locale: LocaleCode;
+  onPreviewUser?: (user: IMUser, anchor: HTMLElement) => void;
+  onSelect: (id: string) => void;
+  t: TranslateFn;
+  usersById: UsersById;
 }) {
   const lastMessage = conversation.messages[conversation.messages.length - 1];
   const isDirect = isDirectConversation(conversation);
@@ -257,7 +303,16 @@ export function WorkspaceConversationRow({
   );
 }
 
-export function WorkspaceThreadRow({ conversation, thread, active, locale, t, onSelect }) {
+export type WorkspaceThreadRowProps = {
+  active: boolean;
+  conversation: IMConversation;
+  locale: LocaleCode;
+  onSelect: (conversationID: string, message: IMMessage) => void | Promise<void>;
+  t: TranslateFn;
+  thread: ThreadView;
+};
+
+export function WorkspaceThreadRow({ conversation, thread, active, locale, t, onSelect }: WorkspaceThreadRowProps) {
   const root = thread?.root;
   const rootID = thread?.summary?.root_id || root?.id;
   if (!root || !rootID) {
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/SidebarHeader.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/SidebarHeader.tsx
index 1804e711..94ff6934 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/SidebarHeader.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/SidebarHeader.tsx
@@ -1,4 +1,10 @@
-export function SidebarHeader({ t, currentWorkspaceLabel, runningAgentCount, agentCount }) {
+import type { WorkspaceSidebarProps } from "./types";
+
+type SidebarHeaderProps = Pick<WorkspaceSidebarProps, "currentWorkspaceLabel" | "runningAgentCount" | "t"> & {
+  agentCount: number;
+};
+
+export function SidebarHeader({ t, currentWorkspaceLabel, runningAgentCount, agentCount }: SidebarHeaderProps) {
   return (
     <div className="sidebar-header workspace-header">
       <div className="workspace-presence-panel" aria-label={currentWorkspaceLabel}>
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/WorkspaceTabBar.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/WorkspaceTabBar.tsx
index c6ea508e..390732dc 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/WorkspaceTabBar.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/WorkspaceTabBar.tsx
@@ -2,6 +2,15 @@ import { Button } from "@/components/ui";
 import { HubIcon, RoomsIcon, UsersIcon } from "@/components/ui/Icons";
 import { WorkspaceTabs } from "@/models/routing";
 import { ListTodo } from "lucide-react";
+import type { WorkspaceSidebarProps } from "./types";
+
+type WorkspaceTabBarProps = Pick<
+  WorkspaceSidebarProps,
+  "onSelectHub" | "onWorkspaceTabChange" | "roomCount" | "t" | "taskCount" | "workspaceTab"
+> & {
+  agentCount: number;
+  variant?: "default" | "rail";
+};
 
 export function WorkspaceTabBar({
   workspaceTab,
@@ -12,7 +21,7 @@ export function WorkspaceTabBar({
   onSelectHub,
   t,
   variant = "default",
-}) {
+}: WorkspaceTabBarProps) {
   const rail = variant === "rail";
   return (
     <div
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/WorkspaceTabPanels.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/WorkspaceTabPanels.tsx
index e670a346..90de37c3 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/WorkspaceTabPanels.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceSidebar/WorkspaceTabPanels.tsx
@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
+import type { DragEvent } from "react";
 import { Plus } from "lucide-react";
 import { TaskSubtaskIndicator } from "@/components/business";
 import { HubIcon, UsersIcon } from "@/components/ui/Icons";
@@ -14,6 +15,7 @@ import {
   WorkspaceGroup,
   WorkspaceThreadRow,
 } from "../WorkspaceRows";
+import type { WorkspaceSidebarProps } from "./types";
 
 const MessageSectionIds = {
   rooms: "rooms",
@@ -34,7 +36,58 @@ const SectionPanels = {
   tasks: "tasks",
 } as const;
 
-const LEGACY_DEFAULT_MESSAGE_SECTION_ORDERS = [
+type MessageSectionId = (typeof MessageSectionIds)[keyof typeof MessageSectionIds];
+type AgentSectionId = (typeof AgentSectionIds)[keyof typeof AgentSectionIds];
+type OrderedSectionPanel = typeof SectionPanels.messages | typeof SectionPanels.agents;
+type SectionId = MessageSectionId | AgentSectionId;
+type SectionOrders = Record<OrderedSectionPanel, SectionId[]>;
+type SectionDragState = {
+  id: SectionId | "";
+  overId: SectionId | "";
+  panel: OrderedSectionPanel | "";
+};
+type WorkspaceTabPanelsProps = Pick<
+  WorkspaceSidebarProps,
+  | "activePane"
+  | "activeThreadRootID"
+  | "agentItems"
+  | "agentsError"
+  | "channels"
+  | "collapsedWorkspaceGroups"
+  | "currentUserID"
+  | "directMessages"
+  | "hub"
+  | "locale"
+  | "notificationAgentItems"
+  | "onCreateAgent"
+  | "onCreateNotificationParticipant"
+  | "onCreateRoom"
+  | "onOpenCreateTask"
+  | "onOpenCreateTeam"
+  | "onPreviewAgent"
+  | "onPreviewUser"
+  | "onSelectAgent"
+  | "onSelectComputer"
+  | "onSelectConversation"
+  | "onSelectHubTemplate"
+  | "onSelectTask"
+  | "onSelectTeam"
+  | "onSelectThread"
+  | "onToggleWorkspaceGroup"
+  | "onViewTaskDetails"
+  | "planningTaskID"
+  | "startingTaskID"
+  | "t"
+  | "taskCount"
+  | "taskItems"
+  | "teams"
+  | "threadGroups"
+  | "usersById"
+  | "workerAgentItems"
+  | "workspaceTab"
+>;
+
+const LEGACY_DEFAULT_MESSAGE_SECTION_ORDERS: readonly (readonly MessageSectionId[])[] = [
   [MessageSectionIds.rooms, MessageSectionIds.directMessages, MessageSectionIds.threads],
 ];
 
@@ -48,20 +101,26 @@ const DEFAULT_SECTION_ORDERS = {
   ],
 } as const;
 
-function orderEquals(left, right) {
+function orderEquals(left: readonly SectionId[], right: readonly SectionId[]): boolean {
   return left.length === right.length && left.every((item, index) => item === right[index]);
 }
 
-function normalizeSectionOrder(value, defaults, legacyDefaults = []) {
+function normalizeSectionOrder(
+  value: unknown,
+  defaults: readonly SectionId[],
+  legacyDefaults: readonly (readonly SectionId[])[] = [],
+): SectionId[] {
   const allowed = new Set(defaults);
-  const ordered = Array.isArray(value) ? value.filter((item) => allowed.has(item)) : [];
+  const ordered = Array.isArray(value)
+    ? value.filter((item): item is SectionId => typeof item === "string" && allowed.has(item as SectionId))
+    : [];
   if (legacyDefaults.some((legacyDefault) => orderEquals(ordered, legacyDefault))) {
     return [...defaults];
   }
   return [...ordered, ...defaults.filter((item) => !ordered.includes(item))];
 }
 
-function readSectionOrders() {
+function readSectionOrders(): SectionOrders {
   try {
     const parsed = JSON.parse(window.localStorage.getItem(WORKSPACE_SECTION_ORDER_STORAGE_KEY) || "{}");
     return {
@@ -80,9 +139,9 @@ function readSectionOrders() {
   }
 }
 
-function reorderSection(order, sourceId, targetId) {
+function reorderSection(order: readonly SectionId[], sourceId: SectionId, targetId: SectionId): SectionId[] {
   if (!sourceId || !targetId || sourceId === targetId || !order.includes(sourceId) || !order.includes(targetId)) {
-    return order;
+    return [...order];
   }
   const next = order.filter((item) => item !== sourceId);
   next.splice(next.indexOf(targetId), 0, sourceId);
@@ -127,7 +186,7 @@ export function WorkspaceTabPanels({
   onSelectAgent,
   onPreviewAgent,
   onSelectComputer,
-}) {
+}: WorkspaceTabPanelsProps) {
   const hubTemplates = hub?.templates ?? [];
   const hubError = hub?.listError ?? "";
   const hubLoaded = hub?.loaded ?? false;
@@ -141,14 +200,14 @@ export function WorkspaceTabPanels({
     () => threadGroups.reduce((count, group) => count + group.threads.length, 0),
     [threadGroups],
   );
-  const [sectionOrders, setSectionOrders] = useState(readSectionOrders);
-  const [dragState, setDragState] = useState({ id: "", overId: "", panel: "" });
+  const [sectionOrders, setSectionOrders] = useState<SectionOrders>(readSectionOrders);
+  const [dragState, setDragState] = useState<SectionDragState>({ id: "", overId: "", panel: "" });
 
   useEffect(() => {
     window.localStorage.setItem(WORKSPACE_SECTION_ORDER_STORAGE_KEY, JSON.stringify(sectionOrders));
   }, [sectionOrders]);
 
-  const moveSection = useCallback((panel, sourceId, targetId) => {
+  const moveSection = useCallback((panel: OrderedSectionPanel, sourceId: SectionId, targetId: SectionId) => {
     setSectionOrders((current) => ({
       ...current,
       [panel]: reorderSection(current[panel] ?? [], sourceId, targetId),
@@ -156,23 +215,23 @@ export function WorkspaceTabPanels({
   }, []);
 
   const sectionDragProps = useCallback(
-    (panel, id) => ({
+    (panel: OrderedSectionPanel, id: SectionId) => ({
       dragOver: dragState.panel === panel && dragState.overId === id && dragState.id !== id,
       dragging: dragState.panel === panel && dragState.id === id,
-      onDragStart: (event) => {
+      onDragStart: (event: DragEvent<HTMLElement>) => {
         event.dataTransfer.effectAllowed = "move";
         event.dataTransfer.setData("application/x-csgclaw-section", `${panel}:${id}`);
         event.dataTransfer.setData("text/plain", `${panel}:${id}`);
         setDragState({ id, overId: "", panel });
       },
-      onDragOver: (event) => {
+      onDragOver: (event: DragEvent<HTMLElement>) => {
         event.preventDefault();
         event.dataTransfer.dropEffect = "move";
         setDragState((current) =>
           current.panel === panel && current.id && current.overId !== id ? { ...current, overId: id } : current,
         );
       },
-      onDragLeave: (event) => {
+      onDragLeave: (event: DragEvent<HTMLElement>) => {
         const relatedTarget = event.relatedTarget;
         if (relatedTarget instanceof Node && event.currentTarget.contains(relatedTarget)) {
           return;
@@ -181,12 +240,12 @@ export function WorkspaceTabPanels({
           current.panel === panel && current.overId === id ? { ...current, overId: "" } : current,
         );
       },
-      onDrop: (event) => {
+      onDrop: (event: DragEvent<HTMLElement>) => {
         event.preventDefault();
         const payload =
           event.dataTransfer.getData("application/x-csgclaw-section") || event.dataTransfer.getData("text/plain");
         const [sourcePanel, sourceId] = payload.split(":");
-        if (sourcePanel === panel) {
+        if (sourcePanel === panel && isSectionId(sourceId)) {
           moveSection(panel, sourceId, id);
         }
         setDragState({ id: "", overId: "", panel: "" });
@@ -196,6 +255,18 @@ export function WorkspaceTabPanels({
     [dragState.id, dragState.overId, dragState.panel, moveSection],
   );
 
+  function isSectionId(value: string | undefined): value is SectionId {
+    return (
+      value === MessageSectionIds.rooms ||
+      value === MessageSectionIds.directMessages ||
+      value === MessageSectionIds.threads ||
+      value === AgentSectionIds.agents ||
+      value === AgentSectionIds.teams ||
+      value === AgentSectionIds.notifications ||
+      value === AgentSectionIds.computers
+    );
+  }
+
   function renderThreadRows() {
     if (!threadGroups.length) {
       return <div className="workspace-empty">{t("noThreads")}</div>;
@@ -222,7 +293,7 @@ export function WorkspaceTabPanels({
     );
   }
 
-  function renderMessageSection(id) {
+  function renderMessageSection(id: SectionId) {
     if (id === MessageSectionIds.rooms) {
       return (
         <WorkspaceGroup
@@ -303,7 +374,7 @@ export function WorkspaceTabPanels({
     );
   }
 
-  function renderAgentSection(id) {
+  function renderAgentSection(id: SectionId) {
     if (id === AgentSectionIds.agents) {
       return (
         <WorkspaceGroup
@@ -440,7 +511,7 @@ export function WorkspaceTabPanels({
               const displayUser = isDirectConversation(group.conversation)
                 ? resolveConversationUser(group.conversation, currentUserID, usersById)
                 : null;
-              const groupTitle = displayUser?.name || group.conversation.title;
+              const groupTitle = displayUser?.name || group.conversation.title || "";
               return (
                 <WorkspaceGroup
                   key={group.conversation.id}
diff --git a/web/app/src/routes/AppRouter.tsx b/web/app/src/routes/AppRouter.tsx
index dacf3e9a..27646c1a 100644
--- a/web/app/src/routes/AppRouter.tsx
+++ b/web/app/src/routes/AppRouter.tsx
@@ -1,37 +1,49 @@
-import type { ReactElement } from "react";
+import { lazy, Suspense } from "react";
+import type { ComponentType, ReactElement } from "react";
 import { createHashRouter, RouterProvider } from "react-router-dom";
 import type { RouteObject } from "react-router-dom";
-import { AgentPage } from "@/pages/AgentPage";
-import { ComputerPage } from "@/pages/ComputerPage";
-import { ConversationPage } from "@/pages/ConversationPage";
-import { HubPage } from "@/pages/HubPage";
-import { TeamPage } from "@/pages/TeamPage";
-import { TasksPage } from "@/pages/TasksPage";
 import { WorkspacePage } from "@/pages/WorkspacePage/WorkspacePage";
 
+const AgentPage = lazy(() => import("@/pages/AgentPage").then((module) => ({ default: module.AgentPage })));
+const ComputerPage = lazy(() => import("@/pages/ComputerPage").then((module) => ({ default: module.ComputerPage })));
+const ConversationPage = lazy(() =>
+  import("@/pages/ConversationPage").then((module) => ({ default: module.ConversationPage })),
+);
+const HubPage = lazy(() => import("@/pages/HubPage").then((module) => ({ default: module.HubPage })));
+const TeamPage = lazy(() => import("@/pages/TeamPage").then((module) => ({ default: module.TeamPage })));
+const TasksPage = lazy(() => import("@/pages/TasksPage").then((module) => ({ default: module.TasksPage })));
+
+function routeElement(Page: ComponentType): ReactElement {
+  return (
+    <Suspense fallback={null}>
+      <Page />
+    </Suspense>
+  );
+}
+
 const routes: RouteObject[] = [
   {
     path: "/",
     element: <WorkspacePage />,
     children: [
-      { index: true, element: <ConversationPage /> },
-      { path: "computer", element: <ComputerPage /> },
-      { path: "agents/:agentId", element: <AgentPage /> },
-      { path: "agent/:agentId", element: <AgentPage /> },
-      { path: "teams/:teamId", element: <TeamPage /> },
-      { path: "team/:teamId", element: <TeamPage /> },
-      { path: "hub", element: <HubPage /> },
-      { path: "tasks", element: <TasksPage /> },
-      { path: "tasks/:taskId", element: <TasksPage /> },
-      { path: "rooms/:conversationId", element: <ConversationPage /> },
-      { path: "room/:conversationId", element: <ConversationPage /> },
-      { path: "channels/:conversationId", element: <ConversationPage /> },
-      { path: "channel/:conversationId", element: <ConversationPage /> },
-      { path: "dms/:conversationId", element: <ConversationPage /> },
-      { path: "dm/:conversationId", element: <ConversationPage /> },
-      { path: "conversations/:conversationId", element: <ConversationPage /> },
-      { path: "conversation/:conversationId", element: <ConversationPage /> },
-      { path: "*", element: <ConversationPage /> },
+      { index: true, element: routeElement(ConversationPage) },
+      { path: "computer", element: routeElement(ComputerPage) },
+      { path: "agents/:agentId", element: routeElement(AgentPage) },
+      { path: "agent/:agentId", element: routeElement(AgentPage) },
+      { path: "teams/:teamId", element: routeElement(TeamPage) },
+      { path: "team/:teamId", element: routeElement(TeamPage) },
+      { path: "hub", element: routeElement(HubPage) },
+      { path: "tasks", element: routeElement(TasksPage) },
+      { path: "tasks/:taskId", element: routeElement(TasksPage) },
+      { path: "rooms/:conversationId", element: routeElement(ConversationPage) },
+      { path: "room/:conversationId", element: routeElement(ConversationPage) },
+      { path: "channels/:conversationId", element: routeElement(ConversationPage) },
+      { path: "channel/:conversationId", element: routeElement(ConversationPage) },
+      { path: "dms/:conversationId", element: routeElement(ConversationPage) },
+      { path: "dm/:conversationId", element: routeElement(ConversationPage) },
+      { path: "conversations/:conversationId", element: routeElement(ConversationPage) },
+      { path: "conversation/:conversationId", element: routeElement(ConversationPage) },
+      { path: "*", element: routeElement(ConversationPage) },
     ],
   },
 ];
diff --git a/web/app/src/shared/i18n/index.ts b/web/app/src/shared/i18n/index.ts
index c2b675de..92c975bc 100644
--- a/web/app/src/shared/i18n/index.ts
+++ b/web/app/src/shared/i18n/index.ts
@@ -2,6 +2,8 @@ import { messages } from "@/shared/i18n/messages";
 import { LOCALE_STORAGE_KEY } from "@/shared/storage/keys";
 import type { LocaleCode, TranslateFn } from "@/models/conversations";
 
+type ErrorTranslationKey = keyof typeof messages.zh.errors;
+
 export function detectInitialLocale(): LocaleCode {
   const stored = window.localStorage.getItem(LOCALE_STORAGE_KEY);
   if (stored === "zh" || stored === "en") {
@@ -56,7 +58,8 @@ export function localizeTemplateSourceTag(source: unknown, locale: LocaleCode):
 
 export function localizeError(raw: unknown, t: TranslateFn): string {
   const cleaned = String(raw ?? "").trim();
-  for (const key of Object.keys(messages.zh.errors)) {
+  const errorKeys = Object.keys(messages.zh.errors) as ErrorTranslationKey[];
+  for (const key of errorKeys) {
     if (cleaned.includes(key)) {
       return t(`errors.${key}`);
     }
diff --git a/web/app/src/shared/realtime/imEvents.ts b/web/app/src/shared/realtime/imEvents.ts
index f958a61d..8efd08a8 100644
--- a/web/app/src/shared/realtime/imEvents.ts
+++ b/web/app/src/shared/realtime/imEvents.ts
@@ -1,4 +1,5 @@
 import { ApiEndpoints, IM_EVENTS_SHARED_WORKER_PATH } from "@/shared/constants/api";
+import type { IMServerEvent } from "@/models/conversations";
 
 const sharedWorkerURL = import.meta.env.DEV ? "/src/shared/realtime/sseSharedWorker.ts" : IM_EVENTS_SHARED_WORKER_PATH;
 
@@ -9,25 +10,30 @@ function createSharedWorker() {
   return new SharedWorker(sharedWorkerURL);
 }
 
-export function safeParseEventData(raw) {
+type SharedWorkerEnvelope = {
+  data?: string;
+  type?: string;
+};
+
+export function safeParseEventData(raw: string): IMServerEvent | null {
   try {
-    return JSON.parse(raw);
+    return JSON.parse(raw) as IMServerEvent;
   } catch (error) {
     console.warn("Failed to parse IM event payload", error);
     return null;
   }
 }
 
-export function subscribeIMEvents(onEvent) {
+export function subscribeIMEvents(onEvent: (payload: IMServerEvent) => void): () => void {
   if (typeof window.SharedWorker === "function") {
     try {
       const worker = createSharedWorker();
       const port = worker.port;
-      const handleMessage = ({ data }) => {
+      const handleMessage = ({ data }: MessageEvent<SharedWorkerEnvelope>) => {
         if (!data || data.type !== "message") {
           return;
         }
-        const payload = safeParseEventData(data.data);
+        const payload = safeParseEventData(String(data.data ?? ""));
         if (payload) {
           onEvent(payload);
         }
diff --git a/web/app/tests/components/AgentAvatar.test.tsx b/web/app/tests/components/AgentAvatar.test.tsx
index c284f3df..47f98791 100644
--- a/web/app/tests/components/AgentAvatar.test.tsx
+++ b/web/app/tests/components/AgentAvatar.test.tsx
@@ -18,9 +18,7 @@ describe("AgentAvatar", () => {
   });
 
   it("does not preselect an avatar when none is provided", () => {
-    const { container } = render(
-      <AgentAvatarPicker value="" t={(key) => key} onChange={() => {}} />,
-    );
+    const { container } = render(<AgentAvatarPicker value="" t={(key) => key} onChange={() => {}} />);
 
     expect(container.querySelectorAll(".agent-avatar-option.selected")).toHaveLength(0);
   });
diff --git a/web/app/tests/components/ConversationPane.test.tsx b/web/app/tests/components/ConversationPane.test.tsx
index 52467646..a8140f50 100644
--- a/web/app/tests/components/ConversationPane.test.tsx
+++ b/web/app/tests/components/ConversationPane.test.tsx
@@ -184,8 +184,8 @@ function renderThreadPane({
         mentionCandidates={mentionCandidates}
         mentionIndex={mentionIndex}
         mentionableUsersByHandle={new Map([["manager", users[1]]])}
-        messageActionBusy={false}
-        messageActionError=""
+        messageActionBusy=""
+        messageActionError={{}}
         messageListRef={createRef<HTMLElement>()}
         onApplyMention={onApplyMention}
         onClearRoomMessages={onClearRoomMessages}
@@ -264,8 +264,8 @@ describe("ConversationPane", () => {
           mentionCandidates={[]}
           mentionIndex={0}
           mentionableUsersByHandle={new Map()}
-          messageActionBusy={false}
-          messageActionError=""
+          messageActionBusy=""
+          messageActionError={{}}
           messageListRef={createRef<HTMLElement>()}
           onApplyMention={() => {}}
           onApplySlashCandidate={() => {}}
diff --git a/web/app/tests/components/HubDetailPane.test.tsx b/web/app/tests/components/HubDetailPane.test.tsx
index b05f27ec..2e9478c1 100644
--- a/web/app/tests/components/HubDetailPane.test.tsx
+++ b/web/app/tests/components/HubDetailPane.test.tsx
@@ -74,6 +74,8 @@ function renderHubDetailPane() {
           },
           workspaceFileError: "",
           workspaceFileLoading: false,
+          deleteBusy: false,
+          onDeleteTemplate: vi.fn(),
         },
       }}
     />,
diff --git a/web/app/tests/components/ProfilePreviewPopover.test.tsx b/web/app/tests/components/ProfilePreviewPopover.test.tsx
index 9af1012a..81bf6d23 100644
--- a/web/app/tests/components/ProfilePreviewPopover.test.tsx
+++ b/web/app/tests/components/ProfilePreviewPopover.test.tsx
@@ -47,7 +47,7 @@ describe("ProfilePreviewPopover", () => {
           reasoning_effort: "medium",
           runtime_kind: "codex",
         }}
-        user={{ handle: "builder" }}
+        user={{ id: "u-builder", handle: "builder" }}
         anchorRect={{ top: 20, right: 80, bottom: 60, left: 40 }}
         t={t}
         inDirectConversation={false}
diff --git a/web/app/tests/components/WorkspaceModals.test.tsx b/web/app/tests/components/WorkspaceModals.test.tsx
index 7baf9f84..4b1833c2 100644
--- a/web/app/tests/components/WorkspaceModals.test.tsx
+++ b/web/app/tests/components/WorkspaceModals.test.tsx
@@ -30,7 +30,10 @@ describe("WorkspaceModals", () => {
       />,
     );
 
-    expect(container.querySelector(".create-room-avatar .agent-avatar-image")).toHaveAttribute("src", avatarUser.avatar);
+    expect(container.querySelector(".create-room-avatar .agent-avatar-image")).toHaveAttribute(
+      "src",
+      avatarUser.avatar,
+    );
   });
 
   it("renders invite member avatars from user avatar paths", () => {
@@ -46,6 +49,9 @@ describe("WorkspaceModals", () => {
       />,
     );
 
-    expect(container.querySelector(".create-room-avatar .agent-avatar-image")).toHaveAttribute("src", avatarUser.avatar);
+    expect(container.querySelector(".create-room-avatar .agent-avatar-image")).toHaveAttribute(
+      "src",
+      avatarUser.avatar,
+    );
   });
 });
diff --git a/web/app/tests/components/WorkspaceTabBar.test.tsx b/web/app/tests/components/WorkspaceTabBar.test.tsx
index 870732e6..4d7dd0a5 100644
--- a/web/app/tests/components/WorkspaceTabBar.test.tsx
+++ b/web/app/tests/components/WorkspaceTabBar.test.tsx
@@ -21,6 +21,7 @@ describe("WorkspaceTabBar", () => {
         onWorkspaceTabChange={() => {}}
         roomCount={2}
         agentCount={1}
+        taskCount={0}
         onSelectHub={() => {}}
         t={t}
       />,
diff --git a/web/app/tests/models/composer.test.ts b/web/app/tests/models/composer.test.ts
index 97be20ad..4e6bea39 100644
--- a/web/app/tests/models/composer.test.ts
+++ b/web/app/tests/models/composer.test.ts
@@ -1,4 +1,5 @@
 import {
+  type ComposerSegment,
   getComposerMentionState,
   getComposerSlashState,
   getCollapsedSelectionTextOffset,
@@ -105,7 +106,7 @@ describe("composer model helpers", () => {
   });
 
   it("updates draft maps only when normalized segments change", () => {
-    const current = { room1: [{ type: "text", text: "Hello" }] };
+    const current: Record<string, ComposerSegment[]> = { room1: [{ type: "text", text: "Hello" }] };
 
     expect(updateDrafts(current, "room1", [{ type: "text", text: "Hello" }])).toBe(current);
     expect(updateDrafts(current, "room1", [])).toEqual({});
diff --git a/web/app/tests/models/configSettings.test.ts b/web/app/tests/models/configSettings.test.ts
index 2d5ab89c..e52bb25f 100644
--- a/web/app/tests/models/configSettings.test.ts
+++ b/web/app/tests/models/configSettings.test.ts
@@ -112,12 +112,9 @@ describe("configSettings model", () => {
         "manager",
       ),
     ).toBe(false);
-    expect(
-      isValidConfigBootstrapTemplate(
-        { id: "bad-worker", role: "worker", runtime_kind: "" },
-        "worker",
-      ),
-    ).toBe(false);
+    expect(isValidConfigBootstrapTemplate({ id: "bad-worker", role: "worker", runtime_kind: "" }, "worker")).toBe(
+      false,
+    );
     expect(
       isValidConfigBootstrapTemplate(
         { id: "builtin.picoclaw-worker", role: "worker", runtime_kind: "picoclaw_sandbox" },
diff --git a/web/app/tests/models/conversations.test.ts b/web/app/tests/models/conversations.test.ts
index 647e3fa2..40333d21 100644
--- a/web/app/tests/models/conversations.test.ts
+++ b/web/app/tests/models/conversations.test.ts
@@ -274,9 +274,7 @@ describe("conversation model helpers", () => {
 
     expect(next.rooms.find((item) => item.id === "general")?.messages).toEqual([]);
     expect(next.rooms.find((item) => item.id === "general")?.threads).toEqual([]);
-    expect(next.rooms.find((item) => item.id === "other")?.messages.map((item) => item.id)).toEqual([
-      "other-message",
-    ]);
+    expect(next.rooms.find((item) => item.id === "other")?.messages.map((item) => item.id)).toEqual(["other-message"]);
   });
 
   it("applies thread event summaries to root messages and exposes thread views", () => {
diff --git a/web/app/tsconfig.json b/web/app/tsconfig.json
index c1b86210..ca3736c4 100644
--- a/web/app/tsconfig.json
+++ b/web/app/tsconfig.json
@@ -7,7 +7,10 @@
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "strict": false,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
     "forceConsistentCasingInFileNames": true,
     "paths": {
       "@/*": ["./src/*"]
diff --git a/web/app/vite.config.ts b/web/app/vite.config.ts
index 133636e5..178eb3ad 100644
--- a/web/app/vite.config.ts
+++ b/web/app/vite.config.ts
@@ -1,5 +1,6 @@
 import react from "@vitejs/plugin-react";
 import tailwindcss from "@tailwindcss/vite";
+import checker from "vite-plugin-checker";
 import { defineConfig } from "vite";
 import type { PluginOption } from "vite";
 import path from "node:path";
@@ -14,8 +15,46 @@ const keepStaticDistPlaceholderPlugin: PluginOption = {
   },
 };
 
-export default defineConfig({
-  plugins: [tailwindcss(), react(), keepStaticDistPlaceholderPlugin],
+const appVendorModulePaths = [
+  "@floating-ui/",
+  "@radix-ui/",
+  "@tanstack/",
+  "dompurify/",
+  "lucide-react/",
+  "marked/",
+  "radix-ui/",
+  "react/",
+  "react-dom/",
+  "react-router/",
+  "react-router-dom/",
+  "scheduler/",
+  "zustand/",
+];
+
+function manualChunks(id: string): string | undefined {
+  return appVendorModulePaths.some((modulePath) => id.includes(`/node_modules/${modulePath}`))
+    ? "vendor-app"
+    : undefined;
+}
+
+export default defineConfig(({ command }) => ({
+  plugins: [
+    tailwindcss(),
+    react(),
+    keepStaticDistPlaceholderPlugin,
+    command === "serve" &&
+      checker({
+        typescript: true,
+        eslint: {
+          lintCommand: 'eslint "./src/**/*.{ts,tsx}" "./tests/**/*.{ts,tsx}"',
+          useFlatConfig: true,
+        },
+        overlay: {
+          initialIsOpen: false,
+        },
+        terminal: true,
+      }),
+  ].filter(Boolean) as PluginOption[],
   base: "./",
   publicDir: "public",
   resolve: {
@@ -28,9 +67,8 @@ export default defineConfig({
     emptyOutDir: true,
     assetsDir: "assets",
     sourcemap: false,
-    // Mermaid is lazy-loaded only for diagram messages; keep size warnings focused on app chunks.
-    chunkSizeWarningLimit: 650,
-    rollupOptions: {
+    chunkSizeWarningLimit: 800,
+    rolldownOptions: {
       input: {
         app: path.resolve(__dirname, "index.html"),
         "sse-shared-worker": path.resolve(__dirname, "src/shared/realtime/sseSharedWorker.ts"),
@@ -39,6 +77,7 @@ export default defineConfig({
         entryFileNames: (chunk) => (chunk.name === "sse-shared-worker" ? "[name].js" : "assets/[name]-[hash].js"),
         chunkFileNames: "assets/[name]-[hash].js",
         assetFileNames: "assets/[name]-[hash][extname]",
+        manualChunks,
       },
     },
   },
@@ -50,4 +89,4 @@ export default defineConfig({
       "/healthz": "http://127.0.0.1:18080",
     },
   },
-});
+}));
diff --git a/web/app/vitest.config.ts b/web/app/vitest.config.ts
index 1937bf02..3bf43c0b 100644
--- a/web/app/vitest.config.ts
+++ b/web/app/vitest.config.ts
@@ -1,8 +1,11 @@
 import { defineConfig, mergeConfig } from "vitest/config";
 import viteConfig from "./vite.config";
 
+const resolvedViteConfig =
+  typeof viteConfig === "function" ? viteConfig({ command: "build", mode: "test" }) : viteConfig;
+
 export default mergeConfig(
-  viteConfig,
+  resolvedViteConfig,
   defineConfig({
     test: {
       environment: "jsdom",