Allow remote header overrides and fix display issues with log

messages/en-US.json

@@ -3437,6 +3437,7 @@
     "validPassword": "Valid Password",
     "validEmail": "Valid email",
     "validSSO": "Valid SSO",
+    "validVirtualAPIKey": "Valid Virtual API Key",
     "view": "View",
     "configManaged": "Config Managed",
     "connectedClient": "Connected Client",

server/lib/readConfigFile.ts

@@ -111,6 +111,20 @@ export const configSchema = z
                     })
                     .optional()
                     .prefault({}),
+                remote_headers: z
+                    .object({
+                        user_id: z.string().optional().default("Remote-User-Id"),
+                        virtual_api_key_id: z
+                            .string()
+                            .optional()
+                            .default("Remote-Virtual-Api-Key-Id"),
+                        user: z.string().optional().default("Remote-User"),
+                        email: z.string().optional().default("Remote-Email"),
+                        name: z.string().optional().default("Remote-Name"),
+                        role: z.string().optional().default("Remote-Role")
+                    })
+                    .optional()
+                    .prefault({}),
                 resource_session_request_param: z
                     .string()
                     .optional()
@@ -154,6 +168,14 @@ export const configSchema = z
                     id: "P-Access-Token-Id",
                     token: "P-Access-Token"
                 },
+                remote_headers: {
+                    user_id: "Remote-User-Id",
+                    virtual_api_key_id: "Remote-Virtual-Api-Key-Id",
+                    user: "Remote-User",
+                    email: "Remote-Email",
+                    name: "Remote-Name",
+                    role: "Remote-Role"
+                },
                 resource_session_request_param:
                     "resource_session_request_param",
                 dashboard_session_length_hours: 720,

server/lib/traefik/TraefikConfigManager.ts

@@ -605,7 +605,31 @@ export class TraefikConfigManager {
 
                             resourceSessionRequestParam:
                                 config.getRawConfig().server
-                                    .resource_session_request_param
+                                    .resource_session_request_param,
+
+                            remoteUserIdHeader:
+                                config.getRawConfig().server.remote_headers
+                                    .user_id,
+
+                            remoteVirtualApiKeyIdHeader:
+                                config.getRawConfig().server.remote_headers
+                                    .virtual_api_key_id,
+
+                            remoteUserHeader:
+                                config.getRawConfig().server.remote_headers
+                                    .user,
+
+                            remoteEmailHeader:
+                                config.getRawConfig().server.remote_headers
+                                    .email,
+
+                            remoteNameHeader:
+                                config.getRawConfig().server.remote_headers
+                                    .name,
+
+                            remoteRoleHeader:
+                                config.getRawConfig().server.remote_headers
+                                    .role
                         }
                     }
                 };

server/lib/virtualApiKey.ts

@@ -5,6 +5,7 @@ import {
 import {
     db,
     resources,
+    User,
     virtualApiKeyResources,
     virtualApiKeys,
     type Transaction,
@@ -148,12 +149,12 @@ async function selectUserVirtualApiKey(
 
 export async function getOrCreateUserVirtualApiKey(params: {
     orgId: string;
-    userId: string;
+    user: User;
     createdByUserId?: string | null;
 }): Promise<{ key: VirtualApiKey; secret: string }> {
-    const { orgId, userId, createdByUserId } = params;
+    const { orgId, user, createdByUserId } = params;
 
-    const existing = await selectUserVirtualApiKey(orgId, userId);
+    const existing = await selectUserVirtualApiKey(orgId, user.userId);
     if (existing) {
         return {
             key: existing,
@@ -171,8 +172,8 @@ export async function getOrCreateUserVirtualApiKey(params: {
                 virtualApiKeyId: minted.virtualApiKeyId,
                 orgId,
                 kind: "user",
-                userId,
+                userId: user.userId,
-                name: null,
+                name: `${user.name ?? user.username}'s API Key`,
                 description: null,
                 token: encryptVirtualApiKeyToken(minted.secret),
                 lastChars: minted.lastChars,
@@ -186,7 +187,7 @@ export async function getOrCreateUserVirtualApiKey(params: {
 
         return { key: created, secret: minted.secret };
     } catch {
-        const raced = await selectUserVirtualApiKey(orgId, userId);
+        const raced = await selectUserVirtualApiKey(orgId, user.userId);
         if (raced) {
             return {
                 key: raced,
@@ -199,11 +200,11 @@ export async function getOrCreateUserVirtualApiKey(params: {
 
 export async function rotateUserVirtualApiKey(params: {
     orgId: string;
-    userId: string;
+    user: User;
     createdByUserId?: string | null;
 }): Promise<{ key: VirtualApiKey; secret: string }> {
-    const { orgId, userId, createdByUserId } = params;
+    const { orgId, user, createdByUserId } = params;
-    const existing = await selectUserVirtualApiKey(orgId, userId);
+    const existing = await selectUserVirtualApiKey(orgId, user.userId);
 
     if (!existing) {
         return getOrCreateUserVirtualApiKey(params);

server/routers/aiGateway/pipeline.ts

@@ -180,15 +180,16 @@ export function applyRequestUserHeaders(
     if (!requestUser) {
         return;
     }
-    headers["Remote-User"] = requestUser.username;
+    const remoteHeaders = config.getRawConfig().server.remote_headers;
+    headers[remoteHeaders.user] = requestUser.username;
     if (requestUser.email) {
-        headers["Remote-Email"] = requestUser.email;
+        headers[remoteHeaders.email] = requestUser.email;
     }
     if (requestUser.name) {
-        headers["Remote-Name"] = requestUser.name;
+        headers[remoteHeaders.name] = requestUser.name;
     }
     if (requestUser.role) {
-        headers["Remote-Role"] = requestUser.role;
+        headers[remoteHeaders.role] = requestUser.role;
     }
 }
 
@@ -236,14 +237,20 @@ async function resolveRequestUser(
     // Public inference: identity comes from Badger via Remote-* only when the
     // Traefik trust header proves the request passed verify-session (VAK).
     if (isAiGatewayTrustHeaderValid(req.headers as Record<string, string>)) {
+        const remoteHeaders = config.getRawConfig().server.remote_headers;
         const virtualApiKeyId =
-            getRequestHeader(req, "remote-virtual-api-key-id") || null;
+            getRequestHeader(req, remoteHeaders.virtual_api_key_id) || null;
-        const userId = getRequestHeader(req, "remote-user-id");
+        const userId = getRequestHeader(req, remoteHeaders.user_id);
+        logger.debug("+++++++AI gateway request identity from trust header", {
+            virtualApiKeyId,
+            userId
+        });
         if (userId) {
-            const username = getRequestHeader(req, "remote-user") || userId;
+            const username =
-            const email = getRequestHeader(req, "remote-email");
+                getRequestHeader(req, remoteHeaders.user) || userId;
-            const name = getRequestHeader(req, "remote-name");
+            const email = getRequestHeader(req, remoteHeaders.email);
-            const role = getRequestHeader(req, "remote-role");
+            const name = getRequestHeader(req, remoteHeaders.name);
+            const role = getRequestHeader(req, remoteHeaders.role);
             const orgRoles = orgId ? await getUserOrgRoles(userId, orgId) : [];
 
             return {
@@ -742,6 +749,9 @@ export async function handleAiGatewayProxy(
         }
 
         logger.info(`AI gateway ${capability} request for host: ${host}`);
+        logger.debug("AI gateway request headers", {
+            headers: req.headers
+        });
 
         const target = await resolveTarget(host);
         if (!target) {

server/routers/traefik/traefikConfigProvider.ts

@@ -68,7 +68,27 @@ export async function traefikConfigProvider(
 
                         resourceSessionRequestParam:
                             config.getRawConfig().server
-                                .resource_session_request_param
+                                .resource_session_request_param,
+
+                        remoteUserIdHeader:
+                            config.getRawConfig().server.remote_headers
+                                .user_id,
+
+                        remoteVirtualApiKeyIdHeader:
+                            config.getRawConfig().server.remote_headers
+                                .virtual_api_key_id,
+
+                        remoteUserHeader:
+                            config.getRawConfig().server.remote_headers.user,
+
+                        remoteEmailHeader:
+                            config.getRawConfig().server.remote_headers.email,
+
+                        remoteNameHeader:
+                            config.getRawConfig().server.remote_headers.name,
+
+                        remoteRoleHeader:
+                            config.getRawConfig().server.remote_headers.role
                     }
                 }
             };

server/routers/virtualApiKey/listMyVirtualApiKeys.ts

@@ -3,6 +3,7 @@ import { z } from "zod";
 import {
     db,
     resources,
+    users,
     virtualApiKeyResources,
     virtualApiKeys,
     type VirtualApiKey
@@ -152,9 +153,24 @@ export async function listMyVirtualApiKeys(
             resourceName = resource.name;
         }
 
+        const [user] = await db
+            .select()
+            .from(users)
+            .where(eq(users.userId, userId))
+            .limit(1);
+
+        if (!user) {
+            return next(
+                createHttpError(
+                    HttpCode.NOT_FOUND,
+                    `User with ID ${userId} not found`
+                )
+            );
+        }
+
         const { key: userKeyRow } = await getOrCreateUserVirtualApiKey({
             orgId,
-            userId,
+            user,
             createdByUserId: userId
         });
 

src/app/[orgId]/settings/logs/ai/page.tsx

@@ -577,9 +577,6 @@ export default function AiSessionLogsPage() {
                 </div>
                 {row.usage && (
                     <div>
-                        <div className="text-xs font-medium mb-2">
-                            {t("tokenUsage")}
-                        </div>
                         <div className="grid grid-cols-3 sm:grid-cols-6 gap-4 text-xs">
                             <div>
                                 <strong>{t("promptTokens")}</strong>

src/app/[orgId]/settings/logs/request/page.tsx

@@ -247,6 +247,7 @@ export default function GeneralPage() {
     // 106 - Valid email
     // 107 - Valid SSO
     // 108 - Connected Client
+    // 109 - Valid Virtual API Key
 
     // 201 - Resource Not Found
     // 202 - Resource Blocked
@@ -265,6 +266,7 @@ export default function GeneralPage() {
         106: t("validEmail"),
         107: t("validSSO"),
         108: t("connectedClient"),
+        109: t("validVirtualAPIKey"),
         201: t("resourceNotFound"),
         202: t("resourceBlocked"),
         203: t("droppedByRule"),

src/components/AiUsageAnalyticsData.tsx

@@ -161,8 +161,7 @@ export function AiUsageAnalyticsData(props: AiUsageAnalyticsDataProps) {
     return (
         <div className="flex flex-col gap-5">
             <Card>
-                <CardHeader className="flex flex-col gap-4">
+                <CardHeader className="flex flex-row flex-wrap items-end gap-x-3 gap-y-3">
-                    <div className="flex flex-col lg:flex-row items-start lg:items-end w-full gap-2">
                     <DateRangePicker
                         startValue={{
                             date: dateRange.startDate,
@@ -182,16 +181,13 @@ export function AiUsageAnalyticsData(props: AiUsageAnalyticsDataProps) {
 
                     <Separator className="w-px h-6 self-end relative bottom-1.5 hidden lg:block" />
 
-                        <div className="flex flex-wrap items-end gap-2">
                     <FilterSelect
                         id="providerId"
                         label={t("aiUsageFilterProvider")}
                         value={filters.providerId?.toString()}
                         options={providerOptions}
                         placeholder={t("aiUsageFilterAllProviders")}
-                                onValueChange={(v) =>
+                        onValueChange={(v) => setFilter("providerId", v)}
-                                    setFilter("providerId", v)
-                                }
                     />
                     <FilterSelect
                         id="model"
@@ -207,9 +203,7 @@ export function AiUsageAnalyticsData(props: AiUsageAnalyticsDataProps) {
                         value={filters.resourceId?.toString()}
                         options={resourceOptions}
                         placeholder={t("aiUsageFilterAllResources")}
-                                onValueChange={(v) =>
+                        onValueChange={(v) => setFilter("resourceId", v)}
-                                    setFilter("resourceId", v)
-                                }
                     />
                     <FilterSelect
                         id="roleId"
@@ -232,12 +226,8 @@ export function AiUsageAnalyticsData(props: AiUsageAnalyticsDataProps) {
                         label={t("aiUsageFilterVirtualApiKey")}
                         value={filters.virtualApiKeyId}
                         options={virtualApiKeyOptions}
-                                placeholder={t(
+                        placeholder={t("aiUsageFilterAllVirtualApiKeys")}
-                                    "aiUsageFilterAllVirtualApiKeys"
+                        onValueChange={(v) => setFilter("virtualApiKeyId", v)}
-                                )}
-                                onValueChange={(v) =>
-                                    setFilter("virtualApiKeyId", v)
-                                }
                     />
 
                     {!isEmptySearchParams && (
@@ -250,9 +240,7 @@ export function AiUsageAnalyticsData(props: AiUsageAnalyticsDataProps) {
                             {t("aiUsageResetFilters")}
                         </Button>
                     )}
-                        </div>
+
-                    </div>
-                    <div className="flex justify-end">
                     <Button
                         variant="outline"
                         onClick={() =>
@@ -264,7 +252,7 @@ export function AiUsageAnalyticsData(props: AiUsageAnalyticsDataProps) {
                             })
                         }
                         disabled={isFetching}
-                            className="gap-2"
+                        className="gap-2 ml-auto"
                     >
                         <RefreshCw
                             className={cn(
@@ -274,7 +262,6 @@ export function AiUsageAnalyticsData(props: AiUsageAnalyticsDataProps) {
                         />
                         {t("aiUsageRefresh")}
                     </Button>
-                    </div>
                 </CardHeader>
             </Card>
 
@@ -301,7 +288,7 @@ type FilterSelectProps = {
 
 function FilterSelect(props: FilterSelectProps) {
     return (
-        <div className="flex flex-col items-start gap-2 w-44">
+        <div className="flex flex-col items-start gap-2 w-36">
             <Label htmlFor={props.id}>{props.label}</Label>
             <Select
                 onValueChange={(newValue) =>