feat(web): 用户端骨架——登录、工作台、新建项目、解析进度、读标清单

- packages/api-client：从 openapi.yaml 生成类型；cookie + CSRF / Bearer 两种鉴权、
  分片上传、fetch 读事件流（API2）
- apps/web：Vue 3 + Vite + TanStack Query，样式只来自 tokens.css / components.css（AR10）；
  扣点说明放在「开始解析」旁边（红线 9）；接口地址、路由方式运行时可配（架构 §5.2）

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

apps/web/src/components/CitationBlock.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+/**
+ * 出处（设计规范 §7.3）：左侧 2px 蓝铅笔竖线，上面是「文件 · 第 N 页」，下面照录原句。
+ * TODO(pdf.js)：点击出处打开原文查看器（pdfjs-dist 渲染 GET /documents/{id}/file?variant=normalized，
+ *   按 citation.quads 画原句高亮；citation.normalized_sha256 和文档当前哈希不一致时不画高亮）。
+ * TODO：原句超过 3 行时截断，提供「展开原文」；OCR 识别出的原句前加「OCR」小字（等接口给出页的 text_source）。
+ */
+import type { Citation } from "@/lib/queries";
+
+defineProps<{ citation: Citation }>();
+</script>
+
+<template>
+  <div class="cite">
+    <span class="cite-src">
+      <template v-if="citation.document_label">{{ citation.document_label }} · </template>第 <span class="fig">{{ citation.page_no }}</span> 页
+    </span>
+    <q>{{ citation.quote }}</q>
+  </div>
+</template>