refactor: move public profiles to /u/[username] (#695)

* refactor: move public profiles from /[username] to /u/[username]

* fix: enable case-insensitive public username lookups

---------

Co-authored-by: nicoalbanese <49612682+nicoalbanese@users.noreply.github.com>

Author: open-agents-bot[bot]

apps/web/app/[username]/page.tsx

@@ -74,6 +74,7 @@ export async function generateMetadata({
   const dateQuery = profile.dateSelection.value
     ? `?date=${encodeURIComponent(profile.dateSelection.value)}`
     : "";
+  const publicProfilePath = `/u/${profile.user.username}`;
   const baseUrl = await getBaseUrl();
 
   return {
@@ -83,13 +84,13 @@ export async function generateMetadata({
     openGraph: {
       title: `${displayName} · Open Agents Wrapped`,
       description: `${formatCompactNumber(profile.totals.totalTokens)} tokens · ${profile.dateSelection.label}`,
-      images: [`${baseUrl}/${profile.user.username}/og${dateQuery}`],
+      images: [`${baseUrl}${publicProfilePath}/og${dateQuery}`],
     },
     twitter: {
       card: "summary_large_image",
       title: `${displayName} · Open Agents Wrapped`,
       description: `${formatCompactNumber(profile.totals.totalTokens)} tokens · ${profile.dateSelection.label}`,
-      images: [`${baseUrl}/${profile.user.username}/og${dateQuery}`],
+      images: [`${baseUrl}${publicProfilePath}/og${dateQuery}`],
     },
   };
 }
@@ -108,6 +109,7 @@ export default async function PublicUsagePage({
   }
 
   const displayName = profile.user.name?.trim() || profile.user.username;
+  const publicProfilePath = `/u/${profile.user.username}`;
   const topModel = profile.topModels[0] ?? null;
   const topModels = profile.topModels.slice(0, 5);
   const maxModelTokens = topModel?.totalTokens ?? 1;
@@ -140,8 +142,8 @@ export default async function PublicUsagePage({
           <nav className="flex gap-0.5">
             {presets.map((preset) => {
               const href = preset.value
-                ? `/${profile.user.username}?date=${preset.value}`
-                : `/${profile.user.username}`;
+                ? `${publicProfilePath}?date=${preset.value}`
+                : publicProfilePath;
               const isActive = profile.dateSelection.value === preset.value;
               return (
                 <Link
@@ -370,7 +372,7 @@ export default async function PublicUsagePage({
           style={{ animationDelay: "660ms" }}
         >
           <span className="font-mono text-[12px] text-white/15">
-            open-agents.dev/{profile.user.username}
+            open-agents.dev{publicProfilePath}
             {profile.dateSelection.value
               ? `?date=${profile.dateSelection.value}`
               : ""}

apps/web/app/settings/preferences-section.tsx

@@ -128,7 +128,7 @@ export function PreferencesSection() {
     preferences?.defaultModelId ?? getDefaultModelOptionId(modelOptions);
   const selectedSubagentModelId = preferences?.defaultSubagentModelId ?? "auto";
   const publicProfilePath = session?.user?.username
-    ? `/${session.user.username}`
+    ? `/u/${session.user.username}`
     : null;
 
   const defaultModelOptions = useMemo(
@@ -515,7 +515,7 @@ export function PreferencesSection() {
                   Public usage profile
                 </Label>
                 <p className="text-xs text-muted-foreground">
-                  Publish a shareable wrapped page at <code>/username</code>.
+                  Publish a shareable wrapped page at <code>/u/username</code>.
                 </p>
               </div>
               <Switch

apps/web/app/u/[username]/og/route.tsx

@@ -0,0 +1 @@
+export { GET } from "../../../[username]/og/route";

apps/web/app/u/[username]/page.tsx

@@ -0,0 +1 @@
+export { default, generateMetadata } from "../../[username]/page";

apps/web/lib/db/public-usage-profile.test.ts

@@ -5,15 +5,12 @@ type MockPublicUser = {
   username: string;
   name: string | null;
   avatarUrl: string | null;
+  lastLoginAt: Date | null;
+  publicUsageEnabled: boolean | null;
 };
 
-type MockPublicUserPreferences = {
-  publicUsageEnabled: boolean;
-};
-
-const findUserMock = mock(async (): Promise<MockPublicUser | null> => null);
-const findUserPreferencesMock = mock(
-  async (): Promise<MockPublicUserPreferences | null> => null,
+const findPublicUsersByUsernameMock = mock(
+  async (): Promise<MockPublicUser[]> => [],
 );
 const getUsageHistoryMock = mock(async () => []);
 const getUsageInsightsMock = mock(async () => ({
@@ -43,14 +40,15 @@ const getUsageInsightsMock = mock(async () => ({
 
 mock.module("./client", () => ({
   db: {
-    query: {
-      users: {
-        findFirst: findUserMock,
-      },
-      userPreferences: {
-        findFirst: findUserPreferencesMock,
-      },
-    },
+    select: () => ({
+      from: () => ({
+        leftJoin: () => ({
+          where: () => ({
+            limit: findPublicUsersByUsernameMock,
+          }),
+        }),
+      }),
+    }),
   },
 }));
 
@@ -65,11 +63,11 @@ mock.module("./usage-insights", () => ({
 const publicUsageProfileModulePromise = import("./public-usage-profile");
 
 beforeEach(() => {
-  findUserMock.mockClear();
-  findUserPreferencesMock.mockClear();
+  findPublicUsersByUsernameMock.mockClear();
   getUsageHistoryMock.mockClear();
   getUsageInsightsMock.mockClear();
 
+  findPublicUsersByUsernameMock.mockImplementation(async () => []);
   getUsageHistoryMock.mockImplementation(async () => []);
   getUsageInsightsMock.mockImplementation(async () => ({
     lookbackDays: 0,
@@ -262,7 +260,7 @@ describe("getPublicUsageProfile", () => {
   test("returns null when the user does not exist", async () => {
     const { getPublicUsageProfile } = await publicUsageProfileModulePromise;
 
-    findUserMock.mockImplementation(async () => null);
+    findPublicUsersByUsernameMock.mockImplementation(async () => []);
 
     expect(await getPublicUsageProfile("missing-user", null)).toBeNull();
     expect(getUsageHistoryMock).not.toHaveBeenCalled();
@@ -272,15 +270,16 @@ describe("getPublicUsageProfile", () => {
   test("returns null when public usage is disabled", async () => {
     const { getPublicUsageProfile } = await publicUsageProfileModulePromise;
 
-    findUserMock.mockImplementation(async () => ({
-      id: "user-1",
-      username: "private-user",
-      name: "Private User",
-      avatarUrl: null,
-    }));
-    findUserPreferencesMock.mockImplementation(async () => ({
-      publicUsageEnabled: false,
-    }));
+    findPublicUsersByUsernameMock.mockImplementation(async () => [
+      {
+        id: "user-1",
+        username: "private-user",
+        name: "Private User",
+        avatarUrl: null,
+        lastLoginAt: new Date("2026-01-01T00:00:00.000Z"),
+        publicUsageEnabled: false,
+      },
+    ]);
 
     expect(await getPublicUsageProfile("private-user", null)).toBeNull();
     expect(getUsageHistoryMock).not.toHaveBeenCalled();
@@ -290,15 +289,16 @@ describe("getPublicUsageProfile", () => {
   test("uses all-time queries when no valid date is provided", async () => {
     const { getPublicUsageProfile } = await publicUsageProfileModulePromise;
 
-    findUserMock.mockImplementation(async () => ({
-      id: "user-2",
-      username: "all-time-user",
-      name: null,
-      avatarUrl: null,
-    }));
-    findUserPreferencesMock.mockImplementation(async () => ({
-      publicUsageEnabled: true,
-    }));
+    findPublicUsersByUsernameMock.mockImplementation(async () => [
+      {
+        id: "user-2",
+        username: "all-time-user",
+        name: null,
+        avatarUrl: null,
+        lastLoginAt: new Date("2026-01-02T00:00:00.000Z"),
+        publicUsageEnabled: true,
+      },
+    ]);
 
     const profile = await getPublicUsageProfile("all-time-user", "bad-value");
 
@@ -317,24 +317,39 @@ describe("getPublicUsageProfile", () => {
     });
   });
 
-  test("forwards explicit date ranges to usage queries", async () => {
+  test("prefers an enabled case-insensitive match", async () => {
     const { getPublicUsageProfile } = await publicUsageProfileModulePromise;
 
-    findUserMock.mockImplementation(async () => ({
-      id: "user-3",
-      username: "range-user",
-      name: "Range User",
-      avatarUrl: null,
-    }));
-    findUserPreferencesMock.mockImplementation(async () => ({
-      publicUsageEnabled: true,
-    }));
+    findPublicUsersByUsernameMock.mockImplementation(async () => [
+      {
+        id: "user-disabled",
+        username: "range-user",
+        name: "Disabled User",
+        avatarUrl: null,
+        lastLoginAt: new Date("2026-01-01T00:00:00.000Z"),
+        publicUsageEnabled: false,
+      },
+      {
+        id: "user-3",
+        username: "Range-User",
+        name: "Range User",
+        avatarUrl: null,
+        lastLoginAt: new Date("2026-01-03T00:00:00.000Z"),
+        publicUsageEnabled: true,
+      },
+    ]);
 
     const profile = await getPublicUsageProfile(
-      "range-user",
+      "RANGE-USER",
       "2026-01-01..2026-01-31",
     );
 
+    expect(profile?.user).toEqual({
+      id: "user-3",
+      username: "Range-User",
+      name: "Range User",
+      avatarUrl: null,
+    });
     expect(profile?.dateSelection).toEqual({
       kind: "range",
       value: "2026-01-01..2026-01-31",

apps/web/lib/db/public-usage-profile.ts

@@ -1,5 +1,5 @@
 import { cache } from "react";
-import { eq } from "drizzle-orm";
+import { eq, sql } from "drizzle-orm";
 import type { UsageInsights, UsageRepositoryInsight } from "@/lib/usage/types";
 import {
   parsePublicUsageDate,
@@ -153,36 +153,79 @@ const ALL_TIME_DATE_SELECTION: PublicUsageDateSelection = {
   range: null,
 };
 
+interface PublicUsageUserCandidate {
+  id: string;
+  username: string;
+  name: string | null;
+  avatarUrl: string | null;
+  lastLoginAt: Date | null;
+  publicUsageEnabled: boolean | null;
+}
+
+function pickPublicUsageUserCandidate(
+  candidates: PublicUsageUserCandidate[],
+  requestedUsername: string,
+): PublicUsageProfile["user"] | null {
+  const enabledCandidates = candidates.filter(
+    (candidate) => candidate.publicUsageEnabled,
+  );
+
+  if (enabledCandidates.length === 0) {
+    return null;
+  }
+
+  const selectedCandidate = enabledCandidates.toSorted((a, b) => {
+    const exactMatchDifference =
+      Number(b.username === requestedUsername) -
+      Number(a.username === requestedUsername);
+    if (exactMatchDifference !== 0) {
+      return exactMatchDifference;
+    }
+
+    const lastLoginDifference =
+      (b.lastLoginAt?.getTime() ?? 0) - (a.lastLoginAt?.getTime() ?? 0);
+    if (lastLoginDifference !== 0) {
+      return lastLoginDifference;
+    }
+
+    return a.id.localeCompare(b.id);
+  })[0];
+
+  return selectedCandidate
+    ? {
+        id: selectedCandidate.id,
+        username: selectedCandidate.username,
+        name: selectedCandidate.name,
+        avatarUrl: selectedCandidate.avatarUrl,
+      }
+    : null;
+}
+
 export const getPublicUsageProfile = cache(
   async (
     username: string,
     dateValue: string | null,
   ): Promise<PublicUsageProfile | null> => {
-    const user = await db.query.users.findFirst({
-      where: eq(users.username, username),
-      columns: {
-        id: true,
-        username: true,
-        name: true,
-        avatarUrl: true,
-      },
-    });
+    const normalizedUsername = username.trim().toLowerCase();
+    const userCandidates = await db
+      .select({
+        id: users.id,
+        username: users.username,
+        name: users.name,
+        avatarUrl: users.avatarUrl,
+        lastLoginAt: users.lastLoginAt,
+        publicUsageEnabled: userPreferences.publicUsageEnabled,
+      })
+      .from(users)
+      .leftJoin(userPreferences, eq(userPreferences.userId, users.id))
+      .where(sql`lower(${users.username}) = ${normalizedUsername}`)
+      .limit(10);
+    const user = pickPublicUsageUserCandidate(userCandidates, username);
 
     if (!user) {
       return null;
     }
 
-    const preferences = await db.query.userPreferences.findFirst({
-      where: eq(userPreferences.userId, user.id),
-      columns: {
-        publicUsageEnabled: true,
-      },
-    });
-
-    if (!preferences?.publicUsageEnabled) {
-      return null;
-    }
-
     const parsedDate = parsePublicUsageDate(dateValue);
     const dateSelection = parsedDate.ok
       ? parsedDate.selection