feat(workbench): integrate runtime data and map tooling

src/features/agent/api/client.ts

@@ -115,6 +115,7 @@ export type AgentApiClient = {
 
 export type AgentApiClientOptions = {
   getAccessToken?: AccessTokenProvider;
+  getProjectId?: () => Promise<string>;
 };
 
 const AGENT_API_BASE_URLS = [env.TJWATER_AGENT_API_BASE_URL.replace(/\/$/, "")];
@@ -137,7 +138,8 @@ export function createAgentApiClient(
       setActiveBaseUrl,
       path,
       init,
-      options.getAccessToken
+      options.getAccessToken,
+      options.getProjectId
     );
   const requestJson = async <T,>(path: string, init?: RequestInit) => {
     const response = await request(path, init);
@@ -298,18 +300,19 @@ async function fetchWithFallback(
   setActiveBaseUrl: (baseUrl: string) => void,
   path: string,
   init?: RequestInit,
-  getAccessToken?: AccessTokenProvider
+  getAccessToken?: AccessTokenProvider,
+  getProjectId?: () => Promise<string>
 ) {
   const orderedBaseUrls = [activeBaseUrl, ...baseUrls.filter((item) => item !== activeBaseUrl)];
   let lastError: unknown;
   let lastResponse: Response | null = null;
   const accessToken = await getAccessToken?.();
-  const requestInit = accessToken
-    ? {
-        ...init,
-        headers: withBearerToken(init?.headers, accessToken)
-      }
-    : init;
+  const projectId = await getProjectId?.();
+  const hasContextHeaders = Boolean(accessToken || projectId);
+  const headers = hasContextHeaders ? new Headers(init?.headers) : undefined;
+  if (accessToken) headers?.set("Authorization", `Bearer ${accessToken}`);
+  if (projectId) headers?.set("X-Project-Id", projectId);
+  const requestInit = hasContextHeaders ? { ...init, headers } : init;
 
   for (const baseUrl of orderedBaseUrls) {
     try {
@@ -337,12 +340,6 @@ async function fetchWithFallback(
   throw lastError instanceof Error ? lastError : new Error("Agent API unavailable");
 }
 
-function withBearerToken(headersInit: HeadersInit | undefined, accessToken: string) {
-  const headers = new Headers(headersInit);
-  headers.set("Authorization", `Bearer ${accessToken}`);
-  return headers;
-}
-
 function shouldFallbackOnHttpStatus(status: number) {
   return status === 404 || status === 405 || status === 502 || status === 503 || status === 504;
 }