feat(题目): 左栏顶上标出「这节课做完几道」、题单进度或比赛倒计时，统计 / 点评 / 我的提交收进抽屉

- 上下文条（按入口三选一）：课堂 = 「这节课 做完 3/5」+ 每道题号 + 上一题 / 下一题；
  题单 = 题单名 + 进度 +「第 N 题」+ 上一题 / 下一题；比赛 = 比赛名 + 每道题号 +「还剩 38:12」+ 排名。
  题号只放号码，状态用 ✓ / ! 字符区分，不只靠颜色；多于 5 道横向滚动，当前题保持可见。
  通过之后当场 +1，不用刷新
- 左栏只剩「题目 / 结果」两个页签；统计 / 点评 / 我的提交变成页签行右侧的按钮，点开是抽屉，
  只盖题面、编辑器不动，交完判出结果时自动收起。手机上收进页签行的「⋯」
- 流程图并进「题目」页签：参考流程图默认折叠；自己画到 A/S 的那张缩略显示、可放大，
  一进题就能看到（原来要先切到「流程图」这门「语言」），也不再强行切页签
- 「本题已经被你解决啦」两条整宽提示改成标题下的「✓ 已解决 / ! 尝试过」标签；
  时间内存限制只写「限时 1 秒」
- 入口差异收成一张表（problemPageContext）：题单里不给抽屉、状态标签、相似题；
  比赛里没有点评和求助。工具栏的「本题提交」挪到「我的提交」抽屉底部
- 顺手修：没有例子的题点「去自测猫」会抛错；「我的提交」没交过时一片空白

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

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

@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import { useMyFlowchartStore } from "shared/store/myFlowchart"
+import { useMermaid } from "shared/composables/useMermaid"
+
+/**
+ * 学生自己画到 A/S 的那张流程图。题面里是缩略的一小块（compact），点「放大看」弹出整张。
+ * 原来是左栏单独一个「我的流程图」页签，评到 A/S 时还会把学生强行切过去。
+ */
+const props = defineProps<{ compact?: boolean }>()
+
+const store = useMyFlowchartStore()
+const { renderError, renderFlowchart } = useMermaid()
+const mermaidContainer = useTemplateRef<HTMLElement>("mermaidContainer")
+
+watch(
+  () => store.mermaidCode,
+  async (code) => {
+    if (!code) return
+    await nextTick()
+    await renderFlowchart(mermaidContainer.value, code)
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <div>
+    <n-alert v-if="renderError" type="error" title="流程图渲染失败" size="small">
+      {{ renderError }}
+    </n-alert>
+    <div
+      v-show="!renderError"
+      ref="mermaidContainer"
+      class="flowchart-container"
+      :class="{ compact: props.compact }"
+    ></div>
+  </div>
+</template>
+
+<style scoped>
+.flowchart-container {
+  width: 100%;
+  min-height: 500px;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+}
+
+:deep(.flowchart-container > svg) {
+  width: 100%;
+  height: auto;
+}
+
+.flowchart-container.compact {
+  min-height: 0;
+  height: 150px;
+  align-items: center;
+}
+
+/* 缩略图按高度缩：流程图一般是竖长的，按宽度铺满的话 150px 里只看得见开头两个框 */
+:deep(.flowchart-container.compact > svg) {
+  width: auto;
+  max-width: 100%;
+  height: 100%;
+}
+</style>