refactor(webview,core): refactor webview and fetch

[Transparent-fish]

关联 Issue

#39 #60

变更概述

WebView 前端重构：将 WebviewApp / ContestApp / SidebarApp / SubmissionDetailApp 中的内联 UI 与逻辑抽取为可复用组件、hooks 与工具函数。

• 新增组件：ProblemView、TaskList、SubmitPanel、SubmissionHistory、SampleBox、StatusBadge、CookieSettingsPanel
• 新增 hooks：useWebviewMessage（统一消息处理）、useTranslation（翻译状态与按题目缓存）
• 新增 utils：format（formatStart）、status（statusColor）
• 精简 4 个主应用文件，功能行为不变，仅做结构拆分
• 另更新根目录 README.md（项目结构与脚本修正）
• 统计：16 个文件

变更类型

• fix Bug
• Feature
• UI / Style
• Refactor
• Documentation

涉及文件

• 前端

packages/webview/src/WebviewApp.tsx             (M)
packages/webview/src/ContestApp.tsx             (M)
packages/webview/src/SidebarApp.tsx             (M)
packages/webview/src/SubmissionDetailApp.tsx    (M)
packages/webview/src/components/ProblemView.tsx       (A)
packages/webview/src/components/TaskList.tsx          (A)
packages/webview/src/components/SubmitPanel.tsx       (A)
packages/webview/src/components/SubmissionHistory.tsx (A)
packages/webview/src/components/SampleBox.tsx         (A)
packages/webview/src/components/StatusBadge.tsx       (A)
packages/webview/src/components/CookieSettingsPanel.tsx (A)
packages/webview/src/hooks/useWebviewMessage.ts       (A)
packages/webview/src/hooks/useTranslation.ts          (A)
packages/webview/src/utils/format.ts                  (A)
packages/webview/src/utils/status.ts                  (A)

• 后端

fetch.ts

[github-actions]

PR 审查报告

检查结果

检查项	状态
pnpm build	✅
pnpm lint	✅
pnpm test	✅
函数 <= 130 行	✅

未通过的检查

全部通过，无需修改。

---

自动生成 by PR Review workflow

[github-actions]

PR 审查报告

检查结果

检查项	状态
pnpm build	✅
pnpm lint	✅
pnpm test	✅
函数 <= 80 行	❌

未通过的检查

• 函数长度不超过 80 行

---

自动生成 by PR Review workflow

[Transparent-fish]

ci 怎么有点似了

[github-actions]

PR 审查报告

检查结果

检查项	状态
pnpm lint	✅
pnpm build	✅
pnpm test:unit	✅
函数 <= 80 行	❌

未通过的检查

• 函数长度不超过 80 行

失败详情

函数长度 <= 80 行（最后 40 行）

handleResponse in apps/vscode-extension/src/tools/fetch.ts (105 lines, line 212)

---

自动生成 by PR Review workflow

[Transparent-fish]

好歹是把 ci 修好了 :(

[github-actions]

PR 审查报告

检查结果

检查项	状态
pnpm lint	✅
pnpm build	✅
pnpm test:unit	✅
函数 ≤ 80 行 / tsx ≤ 600 行	✅

未通过的检查

全部通过，无需修改。

---

自动生成 by PR Review workflow

[Transparent-fish]

终于是修好了/

[Transparent-fish]

不拆 fetch 过不掉 ci /

[Transparent-fish]

testing

[Transparent-fish]

??? 测出奇奇怪怪的问题了


观察到 fetchSubmitPage 被渲染了两边，还被加了 ui. 的前缀

[Transparent-fish]

??? 测出奇奇怪怪的问题了 观察到 fetchSubmitPage 被渲染了两边，还被加了 ui. 的前缀

#62 本问题不在本分支修复

[Transparent-fish]

test pass