feat: Phase 3b — proper Web UI for memories, projects, settings
Replaces the debug /me + /connect pages with a real authed app shell.
Pages
- / — anonymous landing; redirects to /dashboard once signed in
- /dashboard — recent memories + top projects, quick "new memory" action
- /memories — searchable list with hybrid (vector+FTS+tags) scoring;
per-result rank breakdown shown inline
- /memories/[id] — view + inline edit toggle + delete
- /memories/new — create form with project autocomplete
- /projects — list with memory counts and last-activity
- /projects/[key] — that project's memories
- /settings — read-only Authentik profile + link to tokens
- /settings/tokens — list / create / revoke CLI tokens
Old URLs preserved as redirects:
- /me → /dashboard
- /connect → /settings/tokens
Stack additions
- Tailwind v4 with CSS-first @theme tokens (dark only for now)
- App shell in app/(authed)/ — auth guard + top nav with global search box
- Lightweight UI primitives in app/_components/ui/ (Button, Input, Card,
Badge, EmptyState, Container, PageHeader)
- Search logic extracted from MCP tool into lib/memories.ts so Web UI and
MCP both call the same RRF code path
- Memory CRUD via Server Actions in lib/memory-actions.ts; audit_log
rows are tagged actor='web' to distinguish from MCP writes
Per-token revoke
- New cli_tokens table (id, user_id, jti unique, name, created_at,
last_used_at, expires_at, revoked_at) — migration 0001_cli_tokens.sql
- mintCliToken now records jti + name; verifyCliToken enforces revocation
for tracked tokens. Legacy tokens minted before this change (no jti)
are accepted on signature alone until they expire naturally.
- /settings/tokens lists active + revoked tokens with one-click revoke
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,73 +1,9 @@
|
||||
import { redirect } from "next/navigation";
|
||||
import { eq } from "drizzle-orm";
|
||||
import { auth } from "@/auth";
|
||||
import { db } from "@/lib/db/client";
|
||||
import { users } from "@/lib/db/schema";
|
||||
import { mintCliToken, CLI_TOKEN_TTL_SECONDS } from "@/lib/auth/cli-token";
|
||||
import ConnectForm from "./connect-form";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
/**
|
||||
* Server action — mints a fresh CLI token for the currently signed-in user.
|
||||
*
|
||||
* Returned via useActionState to the client; the token only ever exists in
|
||||
* React state, never in the URL or a persisted cookie.
|
||||
*/
|
||||
async function generateToken(_prev: { token: string | null; error: string | null }) {
|
||||
"use server";
|
||||
try {
|
||||
const session = await auth();
|
||||
if (!session?.user?.id) return { token: null, error: "not authenticated" };
|
||||
|
||||
const row = await db
|
||||
.select({
|
||||
oidcIss: users.oidcIss,
|
||||
oidcSub: users.oidcSub,
|
||||
email: users.email,
|
||||
name: users.name,
|
||||
})
|
||||
.from(users)
|
||||
.where(eq(users.id, session.user.id))
|
||||
.limit(1);
|
||||
const u = row[0];
|
||||
if (!u) return { token: null, error: "user row not found" };
|
||||
|
||||
const token = await mintCliToken({
|
||||
oidcIss: u.oidcIss,
|
||||
oidcSub: u.oidcSub,
|
||||
email: u.email,
|
||||
name: u.name,
|
||||
});
|
||||
return { token, error: null };
|
||||
} catch (e) {
|
||||
return { token: null, error: e instanceof Error ? e.message : "unknown error" };
|
||||
}
|
||||
}
|
||||
|
||||
export default async function ConnectPage() {
|
||||
const session = await auth();
|
||||
if (!session?.user) {
|
||||
redirect("/api/auth/signin?callbackUrl=/connect");
|
||||
}
|
||||
|
||||
const ttlDays = Math.floor(CLI_TOKEN_TTL_SECONDS / 86400);
|
||||
const userLabel = session.user.email ?? session.user.name ?? session.user.id;
|
||||
|
||||
return (
|
||||
<main className="container">
|
||||
<h1>Connect an MCP client</h1>
|
||||
<p className="muted">
|
||||
Generate a bearer token for pasting into Claude Code (or any MCP
|
||||
client) when an OAuth loopback callback isn't practical — for
|
||||
example, a Claude Code instance running inside a container.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Signed in as <strong>{userLabel}</strong>.
|
||||
</p>
|
||||
|
||||
<ConnectForm action={generateToken} ttlDays={ttlDays} />
|
||||
</main>
|
||||
);
|
||||
// Legacy URL — moved to /settings/tokens in Phase 3b. Preserve old
|
||||
// bookmarks and the existing instructions printed by older clients.
|
||||
export default function ConnectRedirect() {
|
||||
redirect("/settings/tokens");
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user