Develop fastapi (#6)

* feat: add side panel with navigation and storage cleaner functionality

* feat: add OpenUrlPage and integrate into app navigation

* feat: 添加 GlobalSnackbar 组件并在多个页面中集成，替换原有 Snackbar 实现

* feat: fix OpenUrl sidebar issue with architecture refactor

- 修复原问题：不再直接替换侧边栏 URL，保持插件导航可见
- 采用配置页 + 查看页分离架构：OpenUrlPage (配置) + OpenUrlViewerPage (查看)
- 支持多个 URL 快捷方式管理（添加/删除）
- 每个 URL 提供两种打开方式：在侧边栏打开 / 在新标签页打开
- 侧边栏查看页使用 iframe 占满全部剩余空间
- 更新 TypeScript 类型定义
- 保留原有混合内容警告检查
- 数据持久化到 Chrome Storage

* refactor: centralized route management - consolidate routing config into single source

* feat: 更换logo

* refactor: code review fixes - security and race condition improvements

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Changes:

- wxt.config.ts: Remove unused `debugger` permission (no code uses it)
- OpenUrlPage.tsx: Fix unreachable showMessage after window.close()
- OpenUrlPage.tsx: Replace unnecessary div wrapper with Fragment to reduce DOM nesting
- OpenUrlViewerPage.tsx: Add URL validation to prevent XSS via javascript:/data: URLs
- OpenUrlViewerPage.tsx: Add sandbox attribute to iframe for security isolation
- OpenUrlViewerPage.tsx: Add error handling for invalid URLs
- StorageCleanerPage.tsx: Fix race condition in handleOptionChange preference saving
- StorageCleanerPage.tsx: Remove unnecessary storage reads when saving preferences (use state directly)
- StorageCleanerPage.tsx: Add timeout cleanup for setTimeout to follow React best practices

* feat: implement drill-down navigation with master-detail dashboard

* feat: enhance dashboard dynamism and refine options UI

* feat: overhaul storage cleaner UI with real-time size estimation and modern aesthetics

* feat: overhaul TimestampPage UI/UX and fix GlobalSnackbar positioning

* fix: decouple popup routing from storage sync and enhance OpenUrlPage UI

* fix: avoid closing sidepanel when opening URL preview from within sidepanel

tsconfig.json

@@ -1,19 +1,14 @@
 {
   "extends": "./.wxt/tsconfig.json",
   "compilerOptions": {
-    /* --- 原有配置保持 --- */
     "allowImportingTsExtensions": true,
     "jsx": "react-jsx",
     "esModuleInterop": true,
     "module": "ESNext", // 支持 import.meta
     "moduleResolution": "Bundler", // 或者用 "Node"
-
-    /* --- 1. 严格类型检查 (关键) --- */
-    // 开启所有严格检查，包括 noImplicitAny。
-    // 这能帮你捕获 "timer" 隐式 any 等错误，强制你写出更高质量的代码。
     "strict": true,
 
-    /* --- 2. 代码质量检查 --- */
+    /* --- 代码质量检查 --- */
     // 声明了但没使用的变量报错（防止代码冗余）
     "noUnusedLocals": true,
     // 函数参数没使用报错
@@ -23,28 +18,22 @@
     // switch 语句没有 break 时报错
     "noFallthroughCasesInSwitch": true,
 
-    /* --- 3. 路径与环境 --- */
-    // 设置基础目录，方便解析相对路径
-    "baseUrl": ".",
+    /* --- 路径与环境 --- */
     // 确保包含 DOM 类型（解决 setTimeout、document 等报错）
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     // 编译目标设置为最新，WXT 底层 Vite 会处理降级兼容
     "target": "ESNext",
 
-    /* --- 4. 路径别名 (可选) --- */
-    // 如果你的 @/utils/... 爆红，可以手动添加这个映射。
-    // WXT 通常会自动处理，但在这里显式声明有助于 VS Code 智能提示。
-    "paths": {
-      "@/*": ["./*"]
-    },
     "types": ["chrome", "webextension-polyfill"],
     "noImplicitAny": false
   },
   // 确保包含你的源代码目录
   "include": [
+    "vite-env.d.ts",
     "entrypoints/**/*",
     "components/**/*",
     "utils/**/*",
+    "types/**/*",
     "assets/**/*",
     "hooks/**/*",
     ".wxt/types/**/*.ts",