refactor: 一批名不副实的命名改掉（只动一端，不碰契约）

后端：
- getUserByToken → authenticateToken：它会删会话、续 TTL、记在线，不是纯读
- todayStart → dayStart(instant)：本来就接受任意时刻，不只是「今天」
- objectValue → asRecord，删掉 4 份一模一样的私有拷贝和 `as toObject` 别名
- 报错文案 "does not exists" / "Already be a public problem" 改通顺

前端：
- utils/types 里 Contest / User / Problem 三个别名删掉：Contest 原来指后台
  比赛、契约里同名的却是学生侧。现在 Contest = 学生侧、AdminContest = 后台，
  后台用户表单叫 AdminUserForm，题目详情直接用 ProblemDetail
- SubmissionInfo → ContestSubmissionInfo，免得和 submission.info 撞名
- utoa / atou → compressToBase64 / decompressFromBase64（实际是 zlib + base64），
  encode / decode → base64EncodeUtf8 / base64DecodeUtf8
- filterResult → toProblemRow、toProblemListItem → toAdminProblemRow，
  行字段 submission / rate → submissionCount / acRate
- 组件：Modal → AddFromLibraryModal、Form → EditorToolbar、
  ContestEditor → BasicEditor（题单也在用它）、rank 的 Index → RankMedal、
  Name → UserNameCell、Password → PasswordCell、ContestType → ContestAccessTag

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

apps/web/src/oj/api.ts

@@ -1,7 +1,7 @@
 import {
   type AiAnalysisRecord,
   type AiHintFeedbackRequest,
-  type Contest as OjContest,
+  type Contest,
   type ContestAccess,
   type ContestList,
   type ActivityRankItem,
@@ -43,7 +43,7 @@ import {
 } from "@oj2/contract"
 import api from "utils/api"
 import { contract } from "utils/contract"
-import { filterResult } from "oj/transforms"
+import { toProblemRow } from "oj/transforms"
 import type {
   Announcement,
   AnnouncementListItem,
@@ -52,7 +52,7 @@ import type {
   Message,
   SubmissionListItem,
   Exercise,
-  Problem,
+  ProblemDetail,
   ReactionKey,
   ReactionState,
   Submission,
@@ -67,11 +67,11 @@ import type {
  * 题目详情。走契约的 zod 解析，形状即契约 —— 之前这里手抄了一份 camel→snake 的
  * 键名映射，抄漏一个字段就是静默 undefined。
  *
- * 走 `contract()` 而不是裸 `parse()`：原来是 `problemDetailSchema.parse(v) as Problem`，
+ * 走 `contract()` 而不是裸 `parse()`：原来是 `problemDetailSchema.parse(v) as ProblemDetail`，
  * `as` 把校验结果又断言回去、等于没校验，而 `parse` 抛错会让整个题目页白屏。
  * 现在形状不符时记一条控制台分歧再放行原始数据。
  */
-function detailProblem(value: unknown): Problem {
+function detailProblem(value: unknown): ProblemDetail {
   return contract("GET /problems/:id", problemDetailSchema, value)
 }
 
@@ -89,7 +89,7 @@ export async function getProblemList(
     params: { paging: true, offset, limit, ...searchParams },
   })
   return {
-    results: res.results.map(filterResult),
+    results: res.results.map(toProblemRow),
     total: res.total,
   }
 }
@@ -250,7 +250,7 @@ export function getContestList(query: {
 }
 
 export function getContest(id: string) {
-  return api.get<OjContest>(`contests/${encodeURIComponent(id)}`)
+  return api.get<Contest>(`contests/${encodeURIComponent(id)}`)
 }
 
 export function getContestAccess(id: string) {
@@ -268,7 +268,7 @@ export async function getContestProblems(contestID: string) {
   const res = await api.get<ProblemListItem[]>(
     `contests/${encodeURIComponent(contestID)}/problems`,
   )
-  return res.map(filterResult)
+  return res.map(toProblemRow)
 }
 
 export function getContestRank(
@@ -276,7 +276,7 @@ export function getContestRank(
   query: { limit: number; offset: number },
 ) {
   // submissionInfo 在契约里是 Record<string, unknown>（JSONB 原文），
-  // 前端在这里收窄成 SubmissionInfo，见 utils/types 的 ContestRank
+  // 前端在这里收窄成 ContestSubmissionInfo，见 utils/types 的 ContestRank
   return api.get<{ results: ContestRank[]; total: number }>(
     `contests/${encodeURIComponent(contestID)}/rank`,
     { params: query },
@@ -383,7 +383,7 @@ export function submitHintFeedback(hintId: number, helpful: boolean) {
 export function getSimilarProblems(problemId: string) {
   return api
     .get<ProblemListItem[]>(`problems/${encodeURIComponent(problemId)}/similar`)
-    .then((response) => response.map(filterResult))
+    .then((response) => response.map(toProblemRow))
 }
 
 export type { YearlyAc as YearlyACData } from "@oj2/contract"

apps/web/src/oj/contest/components/ContestInfo.vue

@@ -2,7 +2,7 @@
 import { Icon } from "@iconify/vue"
 import { useContestStore } from "oj/store/contest"
 import { parseTime } from "utils/functions"
-import ContestType from "shared/components/ContestType.vue"
+import ContestAccessTag from "shared/components/ContestAccessTag.vue"
 
 const contestStore = useContestStore()
 </script>
@@ -30,7 +30,7 @@ const contestStore = useContestStore()
         {{ parseTime(contestStore.contest.endTime, "YYYY年M月D日 HH:mm:ss") }}
       </n-descriptions-item>
       <n-descriptions-item label="比赛类型">
-        <ContestType :contest="contestStore.contest" />
+        <ContestAccessTag :contest="contestStore.contest" />
       </n-descriptions-item>
       <n-descriptions-item label="发起人">
         {{ contestStore.contest.createdBy.username }}

apps/web/src/oj/contest/list.vue

@@ -3,7 +3,7 @@ import { useRouteQuery } from "@vueuse/router"
 import { NTag } from "naive-ui"
 import { getContestList } from "oj/api"
 import { duration, parseTime } from "utils/functions"
-import type { OjContest } from "utils/types"
+import type { Contest } from "utils/types"
 import ContestTitle from "shared/components/ContestTitle.vue"
 import Pagination from "shared/components/Pagination.vue"
 import { useAuthModalStore } from "shared/store/authModal"
@@ -29,7 +29,7 @@ const { query, clearQuery } = usePagination<ContestQuery>({
   tag: useRouteQuery("tag", "").value,
 })
 
-const data = ref<OjContest[]>([])
+const data = ref<Contest[]>([])
 const total = ref(0)
 
 const options: SelectOption[] = [
@@ -46,7 +46,7 @@ const tags: SelectOption[] = [
   { label: "期末", value: "期末" },
 ]
 
-const columns: DataTableColumn<OjContest>[] = [
+const columns: DataTableColumn<Contest>[] = [
   {
     title: renderTableTitle("状态", "streamline-emojis:collision"),
     key: "status",
@@ -116,7 +116,7 @@ watchDebounced(() => query.keyword, listContests, {
 // 监听其他查询条件变化
 watch(() => [query.page, query.limit, query.status, query.tag], listContests)
 
-function rowProps(row: OjContest) {
+function rowProps(row: Contest) {
   return {
     style: "cursor: pointer",
     onClick() {

apps/web/src/oj/contest/pages/problems.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ProblemFiltered } from "utils/types"
+import type { ProblemRow } from "utils/types"
 import ProblemStatus from "oj/problem/components/ProblemStatus.vue"
 import { useContestStore } from "oj/store/contest"
 import { renderTableTitle } from "utils/renders"
@@ -8,7 +8,7 @@ const props = defineProps<{ contestID: string }>()
 
 const router = useRouter()
 const contestStore = useContestStore()
-const problemsColumns: DataTableColumn<ProblemFiltered>[] = [
+const problemsColumns: DataTableColumn<ProblemRow>[] = [
   {
     title: renderTableTitle("状态", "streamline-ultimate-color:music-note-1"),
     key: "status",
@@ -27,19 +27,19 @@ const problemsColumns: DataTableColumn<ProblemFiltered>[] = [
   },
   {
     title: renderTableTitle("提交数", "streamline-emojis:clinking-beer-mugs"),
-    key: "submission",
+    key: "submissionCount",
     align: "center",
     width: 120,
   },
   {
     title: renderTableTitle("通过率", "streamline-emojis:clapping-hands-1"),
-    key: "rate",
+    key: "acRate",
     align: "center",
     width: 120,
   },
 ]
 
-function rowProps(row: ProblemFiltered) {
+function rowProps(row: ProblemRow) {
   return {
     style: "cursor: pointer",
     onClick() {

apps/web/src/oj/contest/pages/rank.vue

@@ -8,7 +8,7 @@ import Pagination from "shared/components/Pagination.vue"
 import { usePagination } from "shared/composables/pagination"
 import { ContestStatus } from "utils/constants"
 import { renderTableTitle } from "utils/renders"
-import type { ContestRank, ProblemFiltered } from "utils/types"
+import type { ContestRank, ProblemRow } from "utils/types"
 import AcAndSubmission from "../components/AcAndSubmission.vue"
 import LineChart from "../components/LineChart.vue"
 
@@ -27,7 +27,7 @@ const contestStore = useContestStore()
 const total = ref(0)
 const data = ref<ContestRank[]>([])
 const chart = ref<ContestRank[]>([])
-const problems = ref<ProblemFiltered[]>([])
+const problems = ref<ProblemRow[]>([])
 const [autoRefresh] = useToggle(true)
 const { resume, pause } = useIntervalFn(
   () => {

apps/web/src/oj/problem/components/BasicEditor.vue

@@ -8,7 +8,7 @@ import { useBreakpoints } from "shared/composables/breakpoints"
 import storage from "utils/storage"
 import type { LANGUAGE } from "utils/types"
 import { beginEditTrace, editTraceExtensions } from "oj/problem/utils/editTrace"
-import Form from "./Form.vue"
+import EditorToolbar from "./EditorToolbar.vue"
 
 const route = useRoute()
 
@@ -58,7 +58,10 @@ const changeLanguage = (v: LANGUAGE) => {
 
 <template>
   <n-flex vertical>
-    <Form :storage-key="storageKey" @change-language="changeLanguage" />
+    <EditorToolbar
+      :storage-key="storageKey"
+      @change-language="changeLanguage"
+    />
     <CodeEditor
       v-model:value="codeStore.code.value"
       :language="codeStore.code.language"

apps/web/src/oj/problem/components/EditorToolbar.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from "pinia"
-import { copyToClipboard, utoa } from "utils/functions"
+import { copyToClipboard, compressToBase64 } from "utils/functions"
 import { useCodeStore } from "oj/store/code"
 import { useProblemStore } from "oj/store/problem"
 import { useCollabStore } from "shared/store/collab"
@@ -227,7 +227,7 @@ const goTestCat = () => {
     code: codeStore.code.value,
     input: problemStore.problem?.samples[0].input,
   }
-  const base64 = utoa(JSON.stringify(data))
+  const base64 = compressToBase64(JSON.stringify(data))
   const url = `${import.meta.env.PUBLIC_CODE_URL}?share=${encodeURIComponent(base64)}`
   window.open(url, "_blank")
 }

apps/web/src/oj/problem/components/ProblemContent.vue

@@ -5,7 +5,7 @@ import { storeToRefs } from "pinia"
 import { useCodeStore } from "oj/store/code"
 import { useProblemStore } from "oj/store/problem"
 import { createTestSubmission } from "utils/judge"
-import type { Problem, ProblemFiltered, ProblemStatus } from "utils/types"
+import type { ProblemDetail, ProblemRow, ProblemStatus } from "utils/types"
 import Copy from "shared/components/Copy.vue"
 import { useDark } from "@vueuse/core"
 import { MdPreview } from "md-editor-v3"
@@ -13,7 +13,7 @@ import "md-editor-v3/lib/preview.css"
 import { getSimilarProblems } from "oj/api"
 import SQLDataTable from "./SQLDataTable.vue"
 
-type Sample = Problem["samples"][number] & {
+type Sample = ProblemDetail["samples"][number] & {
   id: number
   msg: string
   status: ProblemStatus
@@ -45,7 +45,7 @@ const sqlChangedTables = computed(() => {
 const router = useRouter()
 
 // 相似题目推荐
-const similarProblems = ref<ProblemFiltered[]>([])
+const similarProblems = ref<ProblemRow[]>([])
 const similarLoaded = ref(false)
 
 async function loadSimilarProblems() {
@@ -409,7 +409,7 @@ function type(status: ProblemStatus) {
                 {{ sp.title }}
               </n-button>
             </n-flex>
-            <!-- getSimilarProblems 已经过 filterResult，难度是中文，不是 Low/Mid/High -->
+            <!-- getSimilarProblems 已经过 toProblemRow，难度是中文，不是 Low/Mid/High -->
             <n-tag
               v-if="sp.difficulty"
               size="small"

apps/web/src/oj/problem/components/ProblemEditor.vue

@@ -9,7 +9,7 @@ import { useBreakpoints } from "shared/composables/breakpoints"
 import storage from "utils/storage"
 import type { LANGUAGE } from "utils/types"
 import { beginEditTrace, editTraceExtensions } from "oj/problem/utils/editTrace"
-import Form from "./Form.vue"
+import EditorToolbar from "./EditorToolbar.vue"
 
 const FlowchartEditor = defineAsyncComponent(
   () => import("shared/components/FlowchartEditor/index.vue"),
@@ -43,14 +43,14 @@ const teacherCollab = computed(() => collabHere.value && collabStore.isTeacher)
 let teacherLanguageBefore: LANGUAGE | null = null
 
 /**
- * 协作中**教师的语言选择跟着学生走**（选择器同时禁用，见 Form.vue），学生中途切了
+ * 协作中**教师的语言选择跟着学生走**（选择器同时禁用，见 EditorToolbar.vue），学生中途切了
  * 还会再同步一次。
  *
  * 写的是 codeStore 而不是只改编辑器的高亮：提交、语法检查、去自测猫读的都是
  * `codeStore.code.language` —— 只改高亮的话，老师会拿着自己那档语言提交学生的代码
  * （学生写 C、老师选的是 Python，当场 CE），工具栏还可能显示「提交流程图」。
  *
- * 直接写 store 不会连带重载模板代码：那是 Form 里选择器的 `update:value` 才做的事。
+ * 直接写 store 不会连带重载模板代码：那是 EditorToolbar 里选择器的 `update:value` 才做的事。
  *
  * **学生端一个字都不动**（早退出），他的语言本来就是权威那一份 —— 服务端的
  * `room_language` 只发给教师，学生本地那份 `room.language` 停在建房那一刻，
@@ -139,10 +139,13 @@ provide("flowchartEditorRef", flowchartEditorRef)
 
 <template>
   <n-flex vertical>
-    <Form :storage-key="storageKey" @change-language="changeLanguage" />
+    <EditorToolbar
+      :storage-key="storageKey"
+      @change-language="changeLanguage"
+    />
     <!--
       协作中教师这边不会落到流程图分支：上面那个 watch 已经把他的语言换成了学生的，
-      而求助入口本身就排掉了流程图（Form.vue 的 showHelpButton、服务端的
+      而求助入口本身就排掉了流程图（EditorToolbar.vue 的 showHelpButton、服务端的
       COLLAB_LANGUAGES），所以 room.language 不可能是 Flowchart。
       学生自己切到流程图就是不写代码了，编辑器卸载、协作正常结束（SyncCodeEditor
       的 detach），这是原来就有的语义。

apps/web/src/oj/problem/components/ProblemListTitle.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import type { ProblemFiltered } from "utils/types"
+import type { ProblemRow } from "utils/types"
 import { Icon } from "@iconify/vue"
 
 defineProps<{
-  problem: ProblemFiltered
+  problem: ProblemRow
 }>()
 </script>
 <template>

apps/web/src/oj/problem/components/SubmitFlowchart.vue

@@ -3,7 +3,7 @@ import { errorCode } from "utils/api"
 import { toRefs } from "vue"
 
 // 工具函数
-import { atou, utoa } from "utils/functions"
+import { decompressFromBase64, compressToBase64 } from "utils/functions"
 import { sortFlowchartCriteria } from "utils/constants"
 
 // 组合式函数
@@ -235,7 +235,7 @@ async function submitFlowchartData() {
 
   const mermaidCode = convertToMermaid(flowchartData)
   lastSubmittedMermaidCode.value = mermaidCode
-  const compressed = utoa(JSON.stringify(flowchartData))
+  const compressed = compressToBase64(JSON.stringify(flowchartData))
 
   loading.value = true
   latestRating.value = { score: 0, grade: "" }
@@ -372,9 +372,9 @@ function closeModal() {
 function loadToEditor() {
   if (myFlowchartZippedStr.value) {
     // 老提交的压缩数据可能是坏的（格式换过、存了一半），
-    // 不兜住的话 atou/JSON.parse 直接抛，按钮点了毫无反应
+    // 不兜住的话 decompressFromBase64/JSON.parse 直接抛，按钮点了毫无反应
     try {
-      const json = JSON.parse(atou(myFlowchartZippedStr.value))
+      const json = JSON.parse(decompressFromBase64(myFlowchartZippedStr.value))
       flowchartEditorRef?.value?.setFlowchartData({
         nodes: json.nodes || [],
         edges: json.edges || [],

apps/web/src/oj/problem/detail.vue

@@ -10,9 +10,9 @@ import { useUserStore } from "shared/store/user"
 
 // 抽成具名 loader，便于进页面时与接口并行预取编辑器 chunk
 const loadProblemEditor = () => import("./components/ProblemEditor.vue")
-const loadContestEditor = () => import("./components/ContestEditor.vue")
+const loadContestEditor = () => import("./components/BasicEditor.vue")
 const ProblemEditor = defineAsyncComponent(loadProblemEditor)
-const ContestEditor = defineAsyncComponent(loadContestEditor)
+const BasicEditor = defineAsyncComponent(loadContestEditor)
 const EditorForTest = defineAsyncComponent(
   () => import("./components/EditorForTest.vue"),
 )
@@ -85,7 +85,7 @@ const tabOptions = computed(() => {
 
 const currentTab = ref("content")
 
-const inProblem = computed(() => route.name === "problem")
+const isPublicProblemRoute = computed(() => route.name === "problem")
 
 watch(
   [() => route.query.tab, () => tabOptions.value],
@@ -117,7 +117,7 @@ async function init() {
   screenModeStore.resetScreenMode()
   // 并行预取右侧编辑器 chunk（CodeMirror ~370K+），
   // 避免等 getProblem 返回后才串行下载，编辑器才迟迟出现
-  ;(inProblem.value ? loadProblemEditor : loadContestEditor)()
+  ;(isPublicProblemRoute.value ? loadProblemEditor : loadContestEditor)()
   try {
     const res = await getProblem(problemID, contestID)
     problem.value = res
@@ -215,7 +215,7 @@ watch(
         </n-scrollbar>
       </template>
       <template #2>
-        <component :is="inProblem ? ProblemEditor : ContestEditor" />
+        <component :is="isPublicProblemRoute ? ProblemEditor : BasicEditor" />
       </template>
     </n-split>
 
@@ -272,7 +272,7 @@ watch(
         <ProblemFlowchart />
       </n-tab-pane>
       <n-tab-pane name="editor" tab="代码">
-        <component :is="inProblem ? ProblemEditor : ContestEditor" />
+        <component :is="isPublicProblemRoute ? ProblemEditor : BasicEditor" />
       </n-tab-pane>
       <n-tab-pane name="info" tab="统计" :disabled="!!problemSetId">
         <ProblemInfo />

apps/web/src/oj/problem/list.vue

@@ -6,7 +6,7 @@ import { getProblemList } from "oj/api"
 import { STORAGE_KEY } from "utils/constants"
 import storage from "utils/storage"
 import { getTagColor } from "utils/functions"
-import type { ProblemFiltered, Tag as ContractTag } from "utils/types"
+import type { ProblemRow, Tag as ContractTag } from "utils/types"
 import { getProblemTagList } from "shared/api"
 import Hitokoto from "shared/components/Hitokoto.vue"
 import Pagination from "shared/components/Pagination.vue"
@@ -66,7 +66,7 @@ const userStore = useUserStore()
 
 const { isDesktop } = useBreakpoints()
 
-const problems = ref<ProblemFiltered[]>([])
+const problems = ref<ProblemRow[]>([])
 const total = ref(0)
 const tags = ref<Tag[]>([])
 const [showTag, toggleShowTag] = useToggle(isDesktop.value)
@@ -165,7 +165,7 @@ onMounted(() => {
   listTags()
 })
 
-const baseColumns: DataTableColumn<ProblemFiltered>[] = [
+const baseColumns: DataTableColumn<ProblemRow>[] = [
   {
     title: renderTableTitle("状态", "streamline-emojis:high-voltage"),
     key: "status",
@@ -213,13 +213,13 @@ const baseColumns: DataTableColumn<ProblemFiltered>[] = [
   },
   {
     title: renderTableTitle("提交数", "streamline-ultimate-color:paper-write"),
-    key: "submission",
+    key: "submissionCount",
     align: "center",
     width: 100,
   },
   {
     title: renderTableTitle("通过率", "streamline-emojis:victory-hand-2"),
-    key: "rate",
+    key: "acRate",
     width: 100,
     align: "center",
   },
@@ -231,7 +231,7 @@ const columns = computed(() =>
     : baseColumns.filter((c: any) => c.key !== "status"),
 )
 
-function rowProps(row: ProblemFiltered) {
+function rowProps(row: ProblemRow) {
   return {
     style: "cursor: pointer",
     onClick() {

apps/web/src/oj/problem/utils/editTrace.ts

@@ -5,7 +5,7 @@ import type { SubmissionTrace } from "@oj2/contract"
  * 编辑过程信号的采集，随提交一起报给后端（落进 `submission_trace`）。
  * 字段含义见契约的 `submissionTraceSchema`。**只数字符数和次数，不留任何按键内容。**
  *
- * 是模块单例而不是 Pinia store：编辑器（ProblemEditor / ContestEditor 里）和
+ * 是模块单例而不是 Pinia store：编辑器（ProblemEditor / BasicEditor 里）和
  * 提交按钮（Form → SubmitCode）是兄弟组件，得共用一份计数；而 CodeMirror 的
  * 扩展对象一旦经过 store 就会被包成响应式代理，facet 靠身份比较，代理过的扩展
  * 直接失效。计数本身也不需要响应式。

apps/web/src/oj/rank/list.vue

@@ -24,7 +24,7 @@ import Pagination from "shared/components/Pagination.vue"
 import { ChartType, LONG_DURATION_OPTIONS } from "utils/constants"
 import { renderTableTitle } from "utils/renders"
 import Chart from "./components/Chart.vue"
-import Index from "./components/Index.vue"
+import RankMedal from "./components/RankMedal.vue"
 import { useUserStore } from "shared/store/user"
 import { Icon } from "@iconify/vue"
 import { MdPreview } from "md-editor-v3"
@@ -162,7 +162,7 @@ const columns: DataTableColumn<Rank>[] = [
     width: 100,
     align: "center",
     render: (_, index) =>
-      h(Index, { index, page: query.page, limit: query.limit }),
+      h(RankMedal, { index, page: query.page, limit: query.limit }),
   },
   {
     title: renderTableTitle(
@@ -287,8 +287,8 @@ const weeklyColumns: DataTableColumn<WeeklyRankItem>[] = [
     key: "rank",
     width: 100,
     align: "center",
-    // rank 是服务端给的周榜名次，不是行号 —— 换算回 Index 要的 0 基下标
-    render: (row) => h(Index, { index: row.rank - 1, page: 1, limit: 10 }),
+    // rank 是服务端给的周榜名次，不是行号 —— 换算回 RankMedal 要的 0 基下标
+    render: (row) => h(RankMedal, { index: row.rank - 1, page: 1, limit: 10 }),
   },
   {
     title: renderTableTitle(

apps/web/src/oj/store/contest.ts

@@ -3,7 +3,7 @@ import { formatISO, getTime, parseISO } from "date-fns"
 import { useUserStore } from "shared/store/user"
 import { ContestStatus, ContestType } from "utils/constants"
 import { duration } from "utils/functions"
-import type { OjContest, ProblemFiltered } from "utils/types"
+import type { Contest, ProblemRow } from "utils/types"
 import {
   checkContestPassword,
   getContest,
@@ -14,8 +14,8 @@ import {
 export const useContestStore = defineStore("contest", () => {
   const userStore = useUserStore()
   const [access, toggleAccess] = useToggle(false)
-  const contest = ref<OjContest | null>(null)
-  const problems = ref<ProblemFiltered[]>([])
+  const contest = ref<Contest | null>(null)
+  const problems = ref<ProblemRow[]>([])
   const now = ref(0)
 
   let timer = 0

apps/web/src/oj/store/problem.ts

@@ -1,8 +1,8 @@
 import { defineStore } from "pinia"
-import type { LANGUAGE, Problem } from "utils/types"
+import type { LANGUAGE, ProblemDetail } from "utils/types"
 
 export const useProblemStore = defineStore("problem", () => {
-  const problem = ref<Problem | null>(null)
+  const problem = ref<ProblemDetail | null>(null)
   const route = useRoute()
 
   /**

apps/web/src/oj/submission/detail.vue

@@ -12,7 +12,7 @@ import {
   submissionMemoryFormat,
   submissionResultTitle,
   submissionTimeFormat,
-  utoa,
+  compressToBase64,
 } from "utils/functions"
 import type { Submission } from "utils/types"
 import SubmissionResultTag from "shared/components/SubmissionResultTag.vue"
@@ -82,7 +82,7 @@ function copyToCat() {
     code: submission.value!.code,
     input: "",
   }
-  const base64 = utoa(JSON.stringify(data))
+  const base64 = compressToBase64(JSON.stringify(data))
   const url = `${import.meta.env.PUBLIC_CODE_URL}?share=${encodeURIComponent(base64)}`
   window.open(url, "_blank")
 }

apps/web/src/oj/transforms.ts

@@ -1,17 +1,17 @@
 import { DIFFICULTY } from "utils/constants"
 import { getACRate } from "utils/functions"
-import type { ProblemFiltered, ProblemListItem } from "utils/types"
+import type { ProblemRow, ProblemListItem } from "utils/types"
 
 // 把后端的列表项塑形成列表页需要的形状，与请求逻辑解耦。
-export function filterResult(result: ProblemListItem): ProblemFiltered {
+export function toProblemRow(result: ProblemListItem): ProblemRow {
   return {
     id: result.id,
     _id: result._id,
     title: result.title,
     difficulty: result.difficulty ? DIFFICULTY[result.difficulty] : null,
     tags: result.tags,
-    submission: result.submissionNumber,
-    rate: getACRate(result.acceptedNumber, result.submissionNumber),
+    submissionCount: result.submissionNumber,
+    acRate: getACRate(result.acceptedNumber, result.submissionNumber),
     // null / undefined 都表示「没做过」
     status:
       result.myStatus === null || result.myStatus === undefined