feat(auth): CLI tokens minted at /connect for containerized MCP clients

Adds a second token kind alongside Authentik OIDC access tokens for MCP authentication. When the user visits /connect after signing into the Web UI, the server mints an HMAC-signed JWT (kid="cli-v1") carrying their Authentik identity in oidc_iss / oidc_sub claims. The token is shown once in React state — never put in the URL or persisted on the client. The MCP endpoint's bearer-token verifier dispatches by JWT `kid` header: CLI tokens are verified locally via HS256(CLI_TOKEN_SECRET); everything else goes through Authentik JWKS. Both paths resolve to the same AuthenticatedClaims shape so userContextFromClaims handles them identically. This unblocks MCP clients running in containers where the OAuth loopback callback isn't reachable — paste the token into Claude Code as a static Authorization header and skip the OAuth flow entirely. Revocation in v1 is "rotate CLI_TOKEN_SECRET to invalidate every issued CLI token at once." Per-token revocation can come later if needed. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-15 08:36:11 -07:00
parent 7ab6dfe6f6
commit 2bd8ea705d
7 changed files with 262 additions and 6 deletions
@@ -0,0 +1,61 @@
+"use client";
+
+import { useActionState } from "react";
+
+interface State {
+  token: string | null;
+  error: string | null;
+}
+
+interface Props {
+  action: (prev: State) => Promise<State>;
+  ttlDays: number;
+}
+
+const initial: State = { token: null, error: null };
+
+export default function ConnectForm({ action, ttlDays }: Props) {
+  const [state, formAction, pending] = useActionState(action, initial);
+
+  return (
+    <section style={{ marginTop: "2rem" }}>
+      {state.token ? (
+        <>
+          <h2 style={{ color: "#7ee787" }}>
+            New token (copy now — won&apos;t be shown again)
+          </h2>
+          <pre
+            style={{
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-all",
+              userSelect: "all",
+            }}
+          >
+            {state.token}
+          </pre>
+          <h3>Add to Claude Code</h3>
+          <pre>{`claude mcp add --transport http \\
+  --header "Authorization: Bearer ${state.token}" \\
+  shared-memory https://memory.dnspegasus.net/api/mcp`}</pre>
+          <p className="muted">
+            Valid for {ttlDays} days. To revoke all outstanding CLI tokens at
+            once, rotate <code>CLI_TOKEN_SECRET</code> on the server.
+          </p>
+        </>
+      ) : (
+        <form action={formAction}>
+          <button type="submit" disabled={pending}>
+            {pending ? "Generating…" : "Generate token"}
+          </button>
+          {state.error ? (
+            <p style={{ color: "#ff6b6b" }}>error: {state.error}</p>
+          ) : null}
+          <p className="muted" style={{ marginTop: "0.75rem" }}>
+            Tokens carry your full Authentik identity. Valid for {ttlDays}{" "}
+            days. Treat them like a password.
+          </p>
+        </form>
+      )}
+    </section>
+  );
+}