-
D
-
Database Admin
-
使用飞书登录以管理数据库
+
+
+
+
Database Admin
+
使用飞书登录以管理数据库
+
使用飞书登录
+ ${devButton}
-
-
-
- 使用飞书登录
-
- ${devButton}
-
+
`;
}
/** Sidebar nav items. `active` marks the current page. `href` "#" = placeholder. */
-const NAV_ITEMS: ReadonlyArray<{ label: string; icon: string; href: string; active: boolean }> = [
- { label: "概览", icon: "M4 13h6V4H4v9Zm0 7h6v-5H4v5Zm10 0h6V11h-6v9Zm0-16v5h6V4h-6Z", href: "/database/dashboard", active: true },
- { label: "数据表", icon: "M4 5h16v4H4V5Zm0 6h16v4H4v-4Zm0 6h16v2H4v-2Z", href: "#", active: false },
- { label: "查询", icon: "m21 21-4.3-4.3M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z", href: "#", active: false },
- { label: "设置", icon: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm7-3 2 1-2 3-2-1a7 7 0 0 1-2 1l-1 2h-4l-1-2a7 7 0 0 1-2-1l-2 1-2-3 2-1a7 7 0 0 1 0-2l-2-1 2-3 2 1a7 7 0 0 1 2-1l1-2h4l1 2a7 7 0 0 1 2 1l2-1 2 3-2 1a7 7 0 0 1 0 2Z", href: "#", active: false },
+const NAV_TABS: ReadonlyArray<{ id: string; label: string; icon: string }> = [
+ { id: "overview", label: "概览", icon: "M4 13h6V4H4v9Zm0 7h6v-5H4v5Zm10 0h6V11h-6v9Zm0-16v5h6V4h-6Z" },
+ { id: "library", label: "文件库", icon: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z" },
+ { id: "users", label: "用户管理", icon: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm13 10v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" },
+ { id: "groups", label: "Group 管理", icon: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm14 10v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75M23 21v-2a4 4 0 0 0-3-3.87" },
+ { id: "search", label: "查询", icon: "m21 21-4.3-4.3M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z" },
+ { id: "settings", label: "设置", icon: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm7-3 2 1-2 3-2-1a7 7 0 0 1-2 1l-1 2h-4l-1-2a7 7 0 0 1-2-1l-2 1-2-3 2-1a7 7 0 0 1 0-2l-2-1 2-3 2 1a7 7 0 0 1 2 1l1-2h4l1 2a7 7 0 0 1 0 2l2-1 2 3-2 1a7 7 0 0 1 0 2Z" },
];
-function renderDashboard(displayName: string): string {
- const nav = NAV_ITEMS.map((item) => {
- const cls = item.active
- ? "group flex items-center gap-3 rounded-xl bg-gradient-to-r from-violet-500 to-indigo-500 px-3 py-2.5 text-sm font-semibold text-white shadow-lg shadow-indigo-300/50"
- : "group flex items-center gap-3 rounded-xl px-3 py-2.5 text-sm font-medium text-slate-500 transition hover:bg-slate-100 hover:text-slate-900";
- return `
-
- ${item.label}
- `;
- }).join("\n ");
+function renderDashboard(displayName: string, stats: DashboardStats | null, orgSlug: string): string {
+ const nav = NAV_TABS.map((t) => `
+
`).join("\n");
- const stats = [
- { label: "数据表", value: "—", accent: "from-violet-200/60 to-transparent" },
- { label: "记录数", value: "—", accent: "from-cyan-200/60 to-transparent" },
- { label: "最近查询", value: "—", accent: "from-indigo-200/60 to-transparent" },
- ].map((s, i) => `
-
-
-
${s.label}
-
${s.value}
+ const cards = [
+ { label: "文件夹", value: stats?.folders ?? "—" },
+ { label: "项目", value: stats?.projects ?? "—" },
+ { label: "文件", value: stats?.files ?? "—" },
+ { label: "活跃授权", value: stats?.grants ?? "—" },
+ ].map((s) => `
+
+
${s.label}
+
${s.value}
`).join("");
+ const recentRows = stats === null || stats.recent.length === 0
+ ? `
暂无文件库活动 · 到「文件库」里创建第一个文件夹吧
`
+ : stats.recent.map((r) => `
+
+ ${escapeHtml(r.action)}
+ ${escapeHtml(r.label)}
+ ${escapeHtml(r.actor)} · ${escapeHtml(r.when.toLocaleString("zh-CN"))}
+
`).join("");
+
const initial = escapeHtml(displayName.slice(0, 1) || "U");
return `
-${pageHead("Database Admin · 概览")}
-
- ${AURORA}
-