前端：React 19 + Vite 8 + Tailwind 4 博客与管理后台 SPA

- 渲染管线（§8.2）：react-markdown + remark-gfm + rehype-sanitize
  （GitHub schema 扩展 hljs class 与 checked）+ rehype-highlight 纯 class
  高亮；链接强制 target=_blank + rel=nofollow noopener noreferrer；
  schema 快照与恶意 Markdown 冒烟测试（vitest 6 用例）
- 编辑器：CodeMirror 6 源码编辑 + 分屏实时预览 + 工具栏 +
  粘贴/拖拽图片上传；slug 首存定稿（冲突 409 就地高亮）、
  摘要留空自动截取、2s 防抖自动保存
- 页面：博客首页（置顶/分页/标签云）、详情（面包屑/上一篇下一篇）、
  标签页、登录、管理列表/回收站/设置/改密、404
- lib：api 客户端（统一包络 + 内存态 CSRF，禁 localStorage）、
  AuthContext（/api/me 重取）、暗色主题（class 切换 + 系统跟随）
- index.html 内嵌 Go template 占位符供服务端 meta 注入；
  vite base 固定 '/'（防深链白屏）；/api 代理 127.0.0.1:8080

web/src/pages/AdminTrash.tsx

@@ -0,0 +1,55 @@
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { RotateCcw } from 'lucide-react'
+import { api } from '../lib/api'
+import type { NoteItem } from '../lib/api'
+import { formatDateTime } from '../lib/utils'
+
+export default function AdminTrash() {
+  const qc = useQueryClient()
+  const { data, isLoading } = useQuery({
+    queryKey: ['admin', 'trash'],
+    queryFn: () => api<{ items: NoteItem[]; total: number }>('/api/admin/trash'),
+  })
+
+  const restore = useMutation({
+    mutationFn: (id: number) => api(`/api/admin/trash/${id}/restore`, { method: 'POST' }),
+    onSuccess: () => void qc.invalidateQueries({ queryKey: ['admin'] }),
+  })
+
+  return (
+    <div>
+      <h1 className="mb-4 text-lg font-semibold">回收站（{data?.total ?? 0}）</h1>
+      <p className="mb-4 text-sm text-zinc-400">软删除的笔记保留 30 天，到期由每日 gc 物理清除；恢复后图片引用天然保全。</p>
+      {isLoading ? (
+        <p className="py-12 text-center text-zinc-400">加载中…</p>
+      ) : !data || data.items.length === 0 ? (
+        <p className="py-12 text-center text-zinc-400">回收站是空的</p>
+      ) : (
+        <ul className="divide-y divide-zinc-100 rounded-lg border border-zinc-200 dark:divide-zinc-900 dark:border-zinc-800">
+          {data.items.map((n) => (
+            <li key={n.id} className="flex items-center gap-3 px-4 py-3">
+              <span className="rounded bg-zinc-100 px-1.5 py-0.5 text-xs text-zinc-500 dark:bg-zinc-800">
+                {n.status === 'public' ? '公开' : '私有'}
+              </span>
+              <div className="min-w-0 flex-1">
+                <p className="truncate font-medium">{n.title}</p>
+                <p className="truncate text-xs text-zinc-400">
+                  /{n.slug} · 删除于 {formatDateTime(n.deleted_at ?? 0)}
+                </p>
+              </div>
+              <button
+                type="button"
+                onClick={() => restore.mutate(n.id)}
+                disabled={restore.isPending}
+                className="inline-flex items-center gap-1 rounded px-2 py-1 text-xs text-zinc-600 hover:bg-zinc-100 disabled:opacity-50 dark:text-zinc-400 dark:hover:bg-zinc-800"
+              >
+                <RotateCcw size={13} /> 恢复
+              </button>
+            </li>
+          ))}
+        </ul>
+      )}
+      {restore.isError && <p className="mt-3 text-sm text-red-600">恢复失败，请重试</p>}
+    </div>
+  )
+}