feat(profile): 开发者选项入口 — 密钥管理 (Infisical)

和 AdminLinkIfOwnerAdmin 刻意分开：AdminLink 是 admin 专属入口，这个对所有登录
用户开放（只要访问的是自己主页）。对应的访问控制不在前端——Infisical 自己有
GitHub OAuth + project-level RBAC，非 admin 协作者登录后只看得到自己有权限的
secrets。

- 新加 DeveloperToolsIfOwner client 组件：owner 判定条件和 AdminLinkIfOwnerAdmin
  保持一致（githubId 或 username 任一匹配即视为本人）
- profile 页按钮栏里插在 AdminLink 前，顺序：编辑 → 密钥管理 → 管理员界面 → 排行
- data-umami-event 埋点 profile_devtools_secrets_click，方便看谁在用
- target=_blank 到 secrets.involutionhell.com（自托管 Infisical 实例）

Author: longsizhuo

app/u/[username]/DeveloperToolsIfOwner.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+/**
+ * 个人主页的"开发者选项"入口块。
+ *
+ * 和 AdminLinkIfOwnerAdmin 的区别——这里**不限 admin**，只要是主页 owner（当前登录
+ * 用户 === 这个主页本人）就看得见。理由：
+ *   - 密钥管理 (Infisical) 是每个开发者都要用的，不是管理员专属。
+ *     Infisical 自己按 project / environment 做权限细分，进去后看不到自己没权限的 secrets。
+ *   - 以后其他"个人开发者工具"（比如 CI tokens、个人 API key 管理）也可以挂在这里
+ *
+ * 渲染条件：
+ *   1. 已登录
+ *   2. 当前登录用户就是这个主页的 owner（路人看不到）
+ *
+ * 注意：单独加 Link 而不是走 AdminGuard 风格，因为这是"入口按钮"不是"整页权限"，
+ * 二次校验由目标服务（Infisical）自己做。
+ */
+
+import Link from "next/link";
+import { useAuth } from "@/lib/use-auth";
+
+interface Props {
+  ownerGithubId: number | null;
+  ownerUsername: string;
+}
+
+export function DeveloperToolsIfOwner({ ownerGithubId, ownerUsername }: Props) {
+  const { user, status } = useAuth();
+  if (status !== "authenticated" || !user) return null;
+
+  const isOwner =
+    (ownerGithubId != null && user.githubId === ownerGithubId) ||
+    user.username === ownerUsername;
+  if (!isOwner) return null;
+
+  return (
+    <Link
+      href="https://secrets.involutionhell.com"
+      target="_blank"
+      rel="noopener noreferrer"
+      className="font-mono text-[11px] uppercase tracking-widest px-2 py-1 border border-[var(--foreground)] text-[var(--foreground)] hover:bg-[var(--foreground)] hover:text-[var(--background)] transition-colors font-bold"
+      data-umami-event="profile_devtools_secrets_click"
+      title="Infisical 密钥管理（GitHub OAuth 登录，按 project 权限查看）"
+    >
+      密钥管理 ↗
+    </Link>
+  );
+}

app/u/[username]/page.tsx

@@ -8,6 +8,7 @@ import { Footer } from "@/app/components/Footer";
 import { ProfileCard } from "./ProfileCard";
 import { EditLinkIfOwner } from "./EditLinkIfOwner";
 import { AdminLinkIfOwnerAdmin } from "./AdminLinkIfOwnerAdmin";
+import { DeveloperToolsIfOwner } from "./DeveloperToolsIfOwner";
 import { ActivityHeatmap } from "./ActivityHeatmap";
 import { FollowButton } from "./FollowButton";
 import { GithubRepos, GithubReposSkeleton } from "./GithubRepos";
@@ -411,6 +412,12 @@ export default async function UserProfilePage({ params }: Param) {
                   ownerUsername={user.username}
                   identifier={username}
                 />
+                {/* 开发者工具入口（所有本人都看得见；权限由目标服务自己管）：
+                    目前只有 Infisical 密钥管理，未来可挂 CI token / API key 等 */}
+                <DeveloperToolsIfOwner
+                  ownerGithubId={user.githubId ?? null}
+                  ownerUsername={user.username}
+                />
                 {/* 管理员自见入口：只有 roles=admin 的本人访问自己主页时才渲染 */}
                 <AdminLinkIfOwnerAdmin
                   ownerGithubId={user.githubId ?? null}