M0-M4: 推倒重来基线(基建+用户/密钥/核心代理+前端+管理后台+三协议互转)

- 后端 Go+Gin+GORM: 配置(OT_ env)/SQLite/Postgres 双驱动、用户体系(argon2id+JWT access/refresh)、
  API Key(sk- 48位, 仅存 SHA-256 哈希)
- 代理网关: /v1/chat/completions、/v1/responses、/v1/messages、/v1/models;错误按客户端协议返回
- 三协议互转(convert 包): Chat↔Messages↔Responses 请求/响应 + 流式 SSE 逐事件转换(直通优先)
- 用量计费: 异步批量记账、余额扣减、balance_logs、usage_daily 日聚合
- 管理 API: 用户/渠道 CRUD+测试+模型导入/模型定价+绑定/统计/系统配置
- 前端 Vue3+TS+Tailwind(taste-skill 设计 tokens): Landing/登录注册/控制台/管理后台,
  自建组件+Phosphor 图标+自建 SVG 趋势图, 已过 web-design-guidelines 复查
- mock 上游: OpenAI+Anthropic 双协议模拟(含流式)

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

web/src/views/admin/AdminLayout.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useAuthStore } from '@/stores/auth'
+import ShellLayout from '@/components/layout/ShellLayout.vue'
+
+const auth = useAuthStore()
+const sections = computed(() => {
+  const s: { title: string; items: { to: string; label: string }[] }[] = [
+    { title: '管理', items: [
+      { to: '/admin/overview', label: '运营总览' },
+      { to: '/admin/channels', label: '渠道' },
+      { to: '/admin/models', label: '模型与定价' },
+      { to: '/admin/users', label: '用户' },
+      { to: '/admin/config', label: '系统配置' },
+    ] },
+  ]
+  if (auth.user) {
+    s.push({ title: '控制台', items: [
+      { to: '/console/dashboard', label: '仪表盘' },
+      { to: '/console/keys', label: 'API Keys' },
+      { to: '/console/usage', label: '用量' },
+    ] })
+  }
+  return s
+})
+</script>
+
+<template>
+  <ShellLayout :sections="sections">
+    <router-view />
+  </ShellLayout>
+</template>