@psnext/design-system 2.3.0 → 2.5.0

package/dist/Header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","names":["PILL","React","cn","Skeleton","ChevronDown","Popover","PopoverTrigger","PopoverContent","Search","Input","ChevronRight","Check","React","React","cn","Logo","Skeleton","useTheme","Button","Moon","Sun","DropdownMenu","DropdownMenuTrigger","Avatar","AvatarFallback","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","LogOut","QueryClient","QueryClientProvider","MessageSquareShare","Credits"],"sources":["../src/patterns/Header/project-tree.ts","../src/patterns/Header/ProjectPicker.tsx","../src/patterns/Header/labels.ts","../src/patterns/Header/api.ts","../src/patterns/Header/storage.ts","../src/patterns/Header/header-store.ts","../src/patterns/Header/session.ts","../src/patterns/Header/use-global-header.ts","../src/patterns/Header/Header.tsx"],"sourcesContent":["import type { ProjectNode } from \"./types\";\n\n/** True when a node with the given id exists anywhere in the tree. */\nexport function nodeExistsInTree(tree: ProjectNode[], id: string): boolean {\n  return tree.some((node) => node.id === id || nodeExistsInTree(node.children, id));\n}\n\n/** Name of the node with the given id, or undefined. */\nexport function findProjectName(tree: ProjectNode[], id: string): string | undefined {\n  for (const node of tree) {\n    if (node.id === id) return node.name;\n    const found = findProjectName(node.children, id);\n    if (found) return found;\n  }\n  return undefined;\n}\n\n/** First selectable node in the tree (depth-first, skipping context-only ancestors). */\nexport function firstSelectableProject(tree: ProjectNode[]): ProjectNode | undefined {\n  for (const node of tree) {\n    if (!node.isContextOnly) return node;\n    const found = firstSelectableProject(node.children);\n    if (found) return found;\n  }\n  return undefined;\n}\n\n/** Filter the tree to nodes matching `term`, preserving ancestors of matches. */\nexport function filterTree(nodes: ProjectNode[], term: string): ProjectNode[] {\n  if (!term) return nodes;\n  const lower = term.toLowerCase();\n  return nodes.flatMap((node) => {\n    if (node.name.toLowerCase().includes(lower)) return [node];\n    const children = filterTree(node.children, term);\n    return children.length > 0 ? [{ ...node, children }] : [];\n  });\n}\n","\"use client\";\n\nimport { Check, ChevronDown, ChevronRight, Search } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Input } from \"@/primitives/Input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/primitives/Popover\";\nimport { Skeleton } from \"@/primitives/Skeleton\";\nimport { cn } from \"@/utils\";\nimport { filterTree, findProjectName } from \"./project-tree\";\nimport type { ProjectNode } from \"./types\";\n\ninterface ProjectPickerProps {\n  projectsTree: ProjectNode[];\n  selectedProjectId: string;\n  selectedProjectName?: string;\n  onSelect: (id: string) => void;\n  projectLabel: string;\n  projectPlaceholder: string;\n  searchPlaceholder: string;\n  emptyStateText: string;\n  isLoading?: boolean;\n}\n\n// Pill shared by the trigger and the org pill — keeps the header lockup consistent.\nconst PILL =\n  \"flex min-h-8 items-center gap-1 rounded-12 border border-primary-border bg-input-bg px-3 py-1 text-xs leading-4\";\n\nexport function ProjectPicker({\n  projectsTree,\n  selectedProjectId,\n  selectedProjectName,\n  onSelect,\n  projectLabel,\n  projectPlaceholder,\n  searchPlaceholder,\n  emptyStateText,\n  isLoading = false,\n}: Readonly<ProjectPickerProps>) {\n  const [open, setOpen] = React.useState(false);\n  const [searchTerm, setSearchTerm] = React.useState(\"\");\n  const [collapsedIds, setCollapsedIds] = React.useState<Set<string>>(new Set());\n\n  const toggleCollapse = (id: string) =>\n    setCollapsedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n\n  const handleSelect = (id: string) => {\n    onSelect(id);\n    setOpen(false);\n  };\n\n  const selectedName = selectedProjectId\n    ? (findProjectName(projectsTree, selectedProjectId) ?? selectedProjectName)\n    : undefined;\n\n  const filteredTree = filterTree(projectsTree, searchTerm);\n\n  if (isLoading) {\n    return (\n      <div data-slot=\"header-project-picker\" className={cn(PILL, \"min-w-44\")}>\n        <span className=\"shrink-0 text-muted-txt\">{projectLabel}:</span>\n        <Skeleton className=\"h-3 flex-1\" />\n        <ChevronDown className=\"size-4 shrink-0 text-muted-txt opacity-40\" />\n      </div>\n    );\n  }\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (!next) setSearchTerm(\"\");\n      }}\n    >\n      <PopoverTrigger\n        data-slot=\"header-project-picker\"\n        className={cn(PILL, \"text-left transition-colors hover:border-focus/60\")}\n      >\n        <span className=\"shrink-0 text-muted-txt\">{projectLabel}:</span>\n        <span className={cn(\"max-w-36 truncate\", selectedName ? \"font-medium\" : \"text-muted-txt\")}>\n          {selectedName ?? projectPlaceholder}\n        </span>\n        <ChevronDown className=\"ml-1 size-4 shrink-0 text-muted-txt\" />\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-64 p-0\" role=\"tree\" aria-label={projectLabel}>\n        <div className=\"border-b p-2\">\n          <div className=\"relative\">\n            <Search className=\"absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-txt\" />\n            <Input\n              size=\"sm\"\n              className=\"pl-8\"\n              placeholder={searchPlaceholder}\n              value={searchTerm}\n              onChange={(e) => setSearchTerm(e.target.value)}\n            />\n          </div>\n        </div>\n        <div className=\"max-h-64 overflow-y-auto py-1\">\n          {filteredTree.length === 0 ? (\n            <p className=\"px-1 py-0.5 text-sm text-muted-txt\">{emptyStateText}</p>\n          ) : (\n            filteredTree.map((node) => (\n              <TreeNode\n                key={node.id}\n                node={node}\n                depth={0}\n                selectedId={selectedProjectId}\n                onSelect={handleSelect}\n                collapsedIds={collapsedIds}\n                onToggleCollapse={toggleCollapse}\n              />\n            ))\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface TreeNodeProps {\n  node: ProjectNode;\n  depth: number;\n  selectedId: string;\n  onSelect: (id: string) => void;\n  collapsedIds: Set<string>;\n  onToggleCollapse: (id: string) => void;\n}\n\nfunction TreeNode({\n  node,\n  depth,\n  selectedId,\n  onSelect,\n  collapsedIds,\n  onToggleCollapse,\n}: Readonly<TreeNodeProps>) {\n  const isSelected = !node.isContextOnly && selectedId === node.id;\n  const isCollapsed = collapsedIds.has(node.id);\n  const hasChildren = node.children.length > 0;\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-selected={node.isContextOnly ? undefined : isSelected}\n      aria-expanded={hasChildren ? !isCollapsed : undefined}\n    >\n      <div\n        style={{ paddingLeft: `${0.75 + depth}rem` }}\n        className={cn(\n          \"flex items-center gap-1 py-2 pr-3 text-sm transition-colors\",\n          node.isContextOnly\n            ? \"cursor-default text-muted-txt\"\n            : \"cursor-pointer hover:bg-ghost-hover-bg\",\n          isSelected && \"bg-secondary-bg font-medium\",\n        )}\n      >\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            aria-label={isCollapsed ? `Expand ${node.name}` : `Collapse ${node.name}`}\n            onClick={() => onToggleCollapse(node.id)}\n            className=\"shrink-0 text-muted-txt hover:text-primary-txt\"\n          >\n            {isCollapsed ? (\n              <ChevronRight className=\"size-3.5\" />\n            ) : (\n              <ChevronDown className=\"size-3.5\" />\n            )}\n          </button>\n        ) : (\n          <span className=\"inline-block w-3.5 shrink-0\" />\n        )}\n\n        {node.isContextOnly ? (\n          <span className=\"flex-1 text-left\">{node.name}</span>\n        ) : (\n          <button type=\"button\" onClick={() => onSelect(node.id)} className=\"flex-1 text-left\">\n            {node.name}\n          </button>\n        )}\n\n        {isSelected && <Check className=\"ml-auto size-3.5 shrink-0 text-primary\" />}\n      </div>\n      {!isCollapsed && hasChildren && (\n        <div role=\"group\">\n          {node.children.map((child) => (\n            <TreeNode\n              key={child.id}\n              node={child}\n              depth={depth + 1}\n              selectedId={selectedId}\n              onSelect={onSelect}\n              collapsedIds={collapsedIds}\n              onToggleCollapse={onToggleCollapse}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","/** Default UI strings. Spread-override via the Header `labels` prop if needed. */\nexport const DEFAULT_LABELS = {\n  orgLabel: \"Org\",\n  projectLabel: \"Project\",\n  projectPlaceholder: \"Select project...\",\n  searchPlaceholder: \"Search project\",\n  emptyStateText: \"No projects found\",\n  profileMenuLabel: \"Profile menu\",\n  logoutLabel: \"Logout\",\n} as const;\n\nexport type Labels = typeof DEFAULT_LABELS;\n","import type { Fetcher, HeaderEndpoints, HeaderProps, ProjectNode } from \"./types\";\n\n// Studio-auth API. Endpoints are built from the host-provided `apiBaseUrl` (full\n// domain) so the same header works across environments/subdomains. All requests\n// send cookies (`credentials: 'include'`); the parent-domain session cookie is\n// readable cross-subdomain.\n\nconst PATHS = {\n  token: \"/api/v1/studio-auth/sessions/token\",\n  logout: \"/api/v1/studio-auth/sessions/logout\",\n  projects: (clientId: string) =>\n    `/api/v1/client-projects/getAllProjects?limit=50&page=1&sort=name&sortOrder=ASC&clientId=${encodeURIComponent(clientId)}&metaData=true`,\n  credits: \"/save/api/v1/users\",\n};\n\n/** Join a base URL and path without doubling slashes. */\nfunction join(baseUrl: string, path: string): string {\n  return `${baseUrl.replace(/\\/$/, \"\")}${path}`;\n}\n\nexport function buildEndpoints(\n  apiBaseUrl: string,\n  overrides?: HeaderProps[\"endpoints\"],\n): HeaderEndpoints {\n  return {\n    token: overrides?.token ?? join(apiBaseUrl, PATHS.token),\n    logout: overrides?.logout ?? join(apiBaseUrl, PATHS.logout),\n    projects:\n      overrides?.projects ?? ((clientId: string) => join(apiBaseUrl, PATHS.projects(clientId))),\n    credits: overrides?.credits ?? join(apiBaseUrl, PATHS.credits),\n  };\n}\n\ntype ApiEnvelope<T> = { response?: { data?: T } };\n\nexport async function fetchToken(endpoints: HeaderEndpoints, fetcher: Fetcher): Promise<string> {\n  const res = await fetcher(endpoints.token, { credentials: \"include\" });\n  if (!res.ok) throw new Error(`token request failed: ${res.status}`);\n  const { accessToken } = (await res.json()) as { accessToken: string };\n  return accessToken;\n}\n\nexport async function fetchProjects(\n  endpoints: HeaderEndpoints,\n  clientId: string,\n  accessToken: string,\n  fetcher: Fetcher,\n): Promise<{ projectsTree: ProjectNode[]; organizationName: string | undefined }> {\n  const res = await fetcher(endpoints.projects(clientId), {\n    credentials: \"include\",\n    headers: { Authorization: `Bearer ${accessToken}` },\n  });\n  if (!res.ok) throw new Error(`projects request failed: ${res.status}`);\n  const data = (await res.json()) as ApiEnvelope<{\n    projectsTree?: ProjectNode[];\n    organization?: { name?: string };\n  }>;\n  return {\n    projectsTree: data.response?.data?.projectsTree ?? [],\n    organizationName: data.response?.data?.organization?.name,\n  };\n}\n\nexport async function fetchCredits(\n  endpoints: HeaderEndpoints,\n  accessToken: string,\n  fetcher: Fetcher,\n): Promise<number | undefined> {\n  const res = await fetcher(endpoints.credits, {\n    credentials: \"include\",\n    headers: { Authorization: `Bearer ${accessToken}` },\n  });\n  if (!res.ok) throw new Error(`credits request failed: ${res.status}`);\n  const data = (await res.json()) as { remainingCredits?: number };\n  return data.remainingCredits;\n}\n\nexport async function callLogout(endpoints: HeaderEndpoints, fetcher: Fetcher): Promise<void> {\n  try {\n    await fetcher(endpoints.logout, { method: \"POST\", credentials: \"include\" });\n  } finally {\n    if (typeof window !== \"undefined\") window.location.href = \"/\";\n  }\n}\n","// Persists the user's project selection across reloads (sessionStorage), tagged\n// with the client it belongs to so a stale selection from a different org is\n// discarded on re-login. Explicit selections are additionally remembered in\n// localStorage (`lastSelectedProject`) so new tabs default to the project the\n// user picked last — while each tab keeps its own per-tab selection.\n\nconst PROJECT_KEY = \"ds-header-project\";\nconst LAST_PROJECT_KEY = \"lastSelectedProject\";\n\nexport interface StoredProject {\n  id: string;\n  name: string;\n  clientId?: string;\n}\n\nexport function getStoredProject(): StoredProject | null {\n  try {\n    const raw = sessionStorage.getItem(PROJECT_KEY);\n    return raw ? (JSON.parse(raw) as StoredProject) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport function setStoredProject(project: StoredProject): void {\n  try {\n    sessionStorage.setItem(PROJECT_KEY, JSON.stringify(project));\n  } catch {\n    // sessionStorage unavailable — degrade silently\n  }\n}\n\nexport function clearStoredProject(): void {\n  try {\n    sessionStorage.removeItem(PROJECT_KEY);\n  } catch {\n    // noop\n  }\n}\n\n/** The project the user last explicitly selected, in any tab (localStorage). */\nexport function getLastSelectedProject(): StoredProject | null {\n  try {\n    const raw = localStorage.getItem(LAST_PROJECT_KEY);\n    return raw ? (JSON.parse(raw) as StoredProject) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport function setLastSelectedProject(project: StoredProject): void {\n  try {\n    localStorage.setItem(LAST_PROJECT_KEY, JSON.stringify(project));\n  } catch {\n    // localStorage unavailable — degrade silently\n  }\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n  clearStoredProject,\n  getStoredProject,\n  setLastSelectedProject,\n  setStoredProject,\n} from \"./storage\";\n\n// Module-level store for the current project/org selection. Module scope (not\n// React context) so a host app can read and change the selection from anywhere —\n// including components rendered outside the <Header> subtree. The Header is one\n// writer/reader; `useHeaderProject()` gives apps the same access.\n\nexport interface HeaderSelection {\n  selectedProjectId: string;\n  selectedProjectName: string;\n  organizationName: string | undefined;\n  /** Remaining credits for the logged-in user (read-only here; set by the Header). */\n  credits: number | undefined;\n  /** Client/org the current selection + org belong to (for cross-org invalidation). */\n  clientId: string | undefined;\n}\n\nfunction initialState(): HeaderSelection {\n  const stored = typeof window !== \"undefined\" ? getStoredProject() : null;\n  return {\n    selectedProjectId: stored?.id ?? \"\",\n    selectedProjectName: stored?.name ?? \"\",\n    organizationName: undefined,\n    credits: undefined,\n    clientId: stored?.clientId,\n  };\n}\n\nlet state: HeaderSelection = initialState();\n// Stable reference for SSR / first server render.\nconst SERVER_SNAPSHOT: HeaderSelection = Object.freeze({\n  selectedProjectId: \"\",\n  selectedProjectName: \"\",\n  organizationName: undefined,\n  credits: undefined,\n  clientId: undefined,\n});\n\nconst listeners = new Set<() => void>();\nfunction emit() {\n  for (const listener of listeners) listener();\n}\n\nexport const headerStore = {\n  subscribe(listener: () => void) {\n    listeners.add(listener);\n    return () => listeners.delete(listener);\n  },\n  getSnapshot(): HeaderSelection {\n    return state;\n  },\n  getServerSnapshot(): HeaderSelection {\n    return SERVER_SNAPSHOT;\n  },\n\n  /**\n   * Set the selected project. `name` is best-effort; the Header backfills it from\n   * the tree. Explicit selections are also remembered in localStorage as the\n   * cross-tab default; pass `remember: false` for internal backfill/auto-select\n   * writes so they don't overwrite the user's last explicit choice.\n   */\n  setProject(id: string, name = \"\", clientId?: string, { remember = true } = {}) {\n    if (id) {\n      const project = { id, name, clientId: clientId ?? state.clientId };\n      setStoredProject(project);\n      if (remember) setLastSelectedProject(project);\n    } else clearStoredProject();\n    state = {\n      ...state,\n      selectedProjectId: id,\n      selectedProjectName: name,\n      clientId: clientId ?? state.clientId,\n    };\n    emit();\n  },\n\n  clearProject() {\n    clearStoredProject();\n    state = { ...state, selectedProjectId: \"\", selectedProjectName: \"\" };\n    emit();\n  },\n\n  setOrganization(name: string | undefined, clientId?: string) {\n    state = { ...state, organizationName: name, clientId: clientId ?? state.clientId };\n    emit();\n  },\n\n  setCredits(credits: number | undefined) {\n    if (state.credits === credits) return;\n    state = { ...state, credits };\n    emit();\n  },\n\n  /** When the active client changes, drop a selection/org from the previous one. */\n  reconcileClient(clientId: string) {\n    if (state.clientId === clientId) return;\n    if (state.clientId && state.clientId !== clientId) {\n      clearStoredProject();\n      state = {\n        selectedProjectId: \"\",\n        selectedProjectName: \"\",\n        organizationName: undefined,\n        credits: state.credits, // user-level — survives org switches\n        clientId,\n      };\n    } else {\n      state = { ...state, clientId };\n    }\n    emit();\n  },\n};\n\n/** Internal: subscribe a component to the selection store. */\nexport function useHeaderStore(): HeaderSelection {\n  return React.useSyncExternalStore(\n    headerStore.subscribe,\n    headerStore.getSnapshot,\n    headerStore.getServerSnapshot,\n  );\n}\n\nexport interface UseHeaderProjectResult {\n  selectedProjectId: string;\n  selectedProjectName: string | undefined;\n  organizationName: string | undefined;\n  /** Set the active project from outside the Header (by id). */\n  setProject: (id: string) => void;\n  /** Clear this tab's active project (the header re-defaults on next projects load). */\n  clearProject: () => void;\n}\n\n/**\n * Read the current project/org and change the project from anywhere in the app —\n * no need to be inside the <Header>. Reflects user selections made in the header\n * and updates the header when changed here.\n */\nexport function useHeaderProject(): UseHeaderProjectResult {\n  const snapshot = useHeaderStore();\n  return {\n    selectedProjectId: snapshot.selectedProjectId,\n    selectedProjectName: snapshot.selectedProjectName || undefined,\n    organizationName: snapshot.organizationName,\n    setProject: React.useCallback((id: string) => headerStore.setProject(id), []),\n    clearProject: React.useCallback(() => headerStore.clearProject(), []),\n  };\n}\n\n/** Read the logged-in user's remaining credits (read-only; the Header owns it). */\nexport function useHeaderCredits(): number | undefined {\n  return useHeaderStore().credits;\n}\n","// Client-side session detection. The auth system writes a JS-readable cookie\n// `{environmentId}-sessionId` (a JWT) on the shared parent domain. We decode it\n// and check its expiry to know whether the user is logged in — no network call.\n\ninterface JwtPayload {\n  exp?: number;\n  [key: string]: unknown;\n}\n\n/** Read the raw session JWT from the `{environmentId}-sessionId` cookie. */\nexport function getSessionToken(environmentId: string): string | null {\n  if (typeof document === \"undefined\") return null;\n  const name = `${environmentId}-sessionId`;\n  for (const part of document.cookie.split(\";\")) {\n    const [key, ...rest] = part.trim().split(\"=\");\n    if (key === name) return decodeURIComponent(rest.join(\"=\"));\n  }\n  return null;\n}\n\n/** Decode a JWT payload without verifying the signature (display/expiry only). */\nexport function decodeJwt(token: string): JwtPayload | null {\n  try {\n    const payload = token.split(\".\")[1];\n    if (!payload) return null;\n    const base64 = payload.replace(/-/g, \"+\").replace(/_/g, \"/\");\n    const json = atob(base64);\n    return JSON.parse(json) as JwtPayload;\n  } catch {\n    return null;\n  }\n}\n\n/** User/session claims carried in the session JWT (the subset the header uses). */\nexport interface SessionClaims {\n  email?: string;\n  name?: string;\n  userId?: string;\n  /** Active organisation id (`client_id` claim). */\n  clientId?: string;\n  exp?: number;\n}\n\n/**\n * Decode the user claims from the session cookie's JWT — no network call.\n * Returns null when the cookie is absent or undecodable.\n */\nexport function getSessionClaims(environmentId: string): SessionClaims | null {\n  const token = getSessionToken(environmentId);\n  if (!token) return null;\n  const payload = decodeJwt(token);\n  if (!payload) return null;\n  const str = (v: unknown) => (typeof v === \"string\" ? v : undefined);\n  return {\n    email: str(payload.email),\n    name: str(payload.name),\n    userId: str(payload.user_id),\n    clientId: str(payload.client_id),\n    exp: typeof payload.exp === \"number\" ? payload.exp : undefined,\n  };\n}\n\n/** True when a valid, unexpired session cookie exists for the environment. */\nexport function isSessionValid(environmentId: string): boolean {\n  const token = getSessionToken(environmentId);\n  if (!token) return false;\n  const payload = decodeJwt(token);\n  if (!payload) return false;\n  // No exp claim → treat as a non-expiring session.\n  if (typeof payload.exp !== \"number\") return true;\n  return payload.exp * 1000 > Date.now();\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport * as React from \"react\";\n\nimport { buildEndpoints, callLogout, fetchCredits, fetchProjects, fetchToken } from \"./api\";\nimport { headerStore, useHeaderStore } from \"./header-store\";\nimport { findProjectName, firstSelectableProject, nodeExistsInTree } from \"./project-tree\";\nimport { getSessionClaims, isSessionValid } from \"./session\";\nimport { getLastSelectedProject } from \"./storage\";\nimport type { HeaderProps, ProjectNode } from \"./types\";\n\n/** Window event other modules can dispatch to show/hide the project dropdown. */\nexport const TOGGLE_PROJECT_DROPDOWN_EVENT = \"toggle-project-dropdown\";\nexport interface ToggleProjectDropdownDetail {\n  show: boolean;\n}\n\nconst DEFAULT_STALE_TIME = 5 * 60_000;\nconst DEFAULT_GC_TIME = 10 * 60_000;\n\nexport interface GlobalHeaderState {\n  /** Whether a valid session cookie exists — when false, hide all user content. */\n  isAuthenticated: boolean;\n  userEmail: string | undefined;\n  organizationName: string | undefined;\n  projectsTree: ProjectNode[];\n  selectedProjectId: string;\n  selectedProjectName: string | undefined;\n  isProjectsLoading: boolean;\n  isOrgLoading: boolean;\n  /** Remaining credits for the user (undefined until loaded / when disabled). */\n  credits: number | undefined;\n  /** Where the credits pill links to (studio-auth `/user/activity`). */\n  creditsHref: string;\n  projectDropdownVisible: boolean;\n  selectProject: (id: string) => void;\n  logout: () => void;\n}\n\ntype UseGlobalHeaderArgs = Pick<\n  HeaderProps,\n  | \"apiBaseUrl\"\n  | \"environmentId\"\n  | \"clientId\"\n  | \"_dangerouslyInjectAccessToken\"\n  | \"showProjectDropdown\"\n  | \"showProfile\"\n  | \"showOrg\"\n  | \"showCredits\"\n  | \"endpoints\"\n  | \"fetcher\"\n  | \"staleTime\"\n  | \"gcTime\"\n  | \"onProjectChange\"\n>;\n\nexport function useGlobalHeader({\n  apiBaseUrl,\n  environmentId,\n  clientId,\n  _dangerouslyInjectAccessToken: injectedToken,\n  showProjectDropdown = false,\n  showProfile = false,\n  showOrg = false,\n  showCredits = false,\n  endpoints: endpointOverrides,\n  fetcher: fetcherProp,\n  staleTime = DEFAULT_STALE_TIME,\n  gcTime = DEFAULT_GC_TIME,\n  onProjectChange,\n}: UseGlobalHeaderArgs): GlobalHeaderState {\n  const fetcher = React.useMemo(\n    () => fetcherProp ?? ((input: RequestInfo | URL, init?: RequestInit) => fetch(input, init)),\n    [fetcherProp],\n  );\n  const endpoints = React.useMemo(\n    () => buildEndpoints(apiBaseUrl, endpointOverrides),\n    [apiBaseUrl, endpointOverrides],\n  );\n\n  // Read the session cookie each render (cheap); gates every network call.\n  // User identity (email, client id) comes from the JWT claims — no /me call.\n  const isAuthenticated = isSessionValid(environmentId);\n  const claims = getSessionClaims(environmentId);\n\n  // token → projects, enabled only when the previous resolved.\n  const tokenQuery = useQuery({\n    queryKey: [\"ds-header\", \"token\", endpoints.token],\n    queryFn: () => fetchToken(endpoints, fetcher),\n    enabled: isAuthenticated && !injectedToken,\n    staleTime,\n    gcTime,\n  });\n  const token = injectedToken ?? tokenQuery.data;\n\n  const effectiveClientId = clientId ?? claims?.clientId;\n  const wantsProjects = showProjectDropdown || showOrg;\n  const projectsQuery = useQuery({\n    queryKey: [\"ds-header\", \"projects\", effectiveClientId, token],\n    queryFn: () => fetchProjects(endpoints, effectiveClientId as string, token as string, fetcher),\n    enabled: isAuthenticated && !!token && !!effectiveClientId && wantsProjects,\n    staleTime,\n    gcTime,\n  });\n\n  // Credits — only needs the token. Always refetched on mount (staleTime 0) so a\n  // page refresh shows the current balance.\n  const creditsQuery = useQuery({\n    queryKey: [\"ds-header\", \"credits\", endpoints.credits, token],\n    queryFn: () => fetchCredits(endpoints, token as string, fetcher),\n    enabled: isAuthenticated && !!token && showCredits,\n    staleTime: 0,\n    gcTime,\n  });\n\n  const projectsTree = projectsQuery.data?.projectsTree ?? [];\n  const userEmail = showProfile ? claims?.email : undefined;\n  const creditsHref = React.useMemo(() => {\n    try {\n      return new URL(\"/user/activity\", apiBaseUrl).toString();\n    } catch {\n      return \"/user/activity\";\n    }\n  }, [apiBaseUrl]);\n\n  // Selection + org live in a module store so host apps can read/change them\n  // from outside the header (see useHeaderProject).\n  const selection = useHeaderStore();\n\n  // Ref so the auto-select effect sees the latest callback without re-running.\n  const onProjectChangeRef = React.useRef(onProjectChange);\n  React.useEffect(() => {\n    onProjectChangeRef.current = onProjectChange;\n  });\n\n  // Once the client id resolves, drop a selection/org from a different client.\n  React.useEffect(() => {\n    if (effectiveClientId) headerStore.reconcileClient(effectiveClientId);\n  }, [effectiveClientId]);\n\n  // Once projects load: publish the org name and validate/backfill the selection.\n  // A tab with no valid selection defaults to the user's last explicitly selected\n  // project (localStorage `lastSelectedProject`) when it still exists in the\n  // tree, else the first selectable project — no selection prompt.\n  React.useEffect(() => {\n    if (!projectsQuery.data) return;\n    const tree = projectsQuery.data.projectsTree;\n    const id = headerStore.getSnapshot().selectedProjectId;\n    if (id && nodeExistsInTree(tree, id)) {\n      const name = findProjectName(tree, id);\n      if (name && name !== headerStore.getSnapshot().selectedProjectName) {\n        headerStore.setProject(id, name, effectiveClientId, { remember: false });\n      }\n    } else {\n      const last = getLastSelectedProject();\n      const fallback =\n        last && nodeExistsInTree(tree, last.id)\n          ? { id: last.id, name: findProjectName(tree, last.id) ?? last.name }\n          : firstSelectableProject(tree);\n      if (fallback) {\n        headerStore.setProject(fallback.id, fallback.name, effectiveClientId, {\n          remember: false,\n        });\n        onProjectChangeRef.current?.(fallback.id);\n      } else if (id) {\n        headerStore.clearProject();\n      }\n    }\n    headerStore.setOrganization(projectsQuery.data.organizationName, effectiveClientId);\n  }, [projectsQuery.data, effectiveClientId]);\n\n  // Publish credits to the store so host apps can read them via useHeaderCredits.\n  React.useEffect(() => {\n    if (creditsQuery.data !== undefined) headerStore.setCredits(creditsQuery.data);\n  }, [creditsQuery.data]);\n\n  const selectProject = (id: string) => {\n    const name = findProjectName(projectsTree, id) ?? \"\";\n    headerStore.setProject(id, name, effectiveClientId);\n    onProjectChange?.(id);\n  };\n\n  const logout = () => {\n    headerStore.clearProject();\n    void callLogout(endpoints, fetcher);\n  };\n\n  // Visibility: declarative from the prop, overridable at runtime via the event.\n  const [projectDropdownVisible, setProjectDropdownVisible] = React.useState(showProjectDropdown);\n  React.useEffect(() => setProjectDropdownVisible(showProjectDropdown), [showProjectDropdown]);\n  React.useEffect(() => {\n    const handler = (e: Event) => {\n      setProjectDropdownVisible((e as CustomEvent<ToggleProjectDropdownDetail>).detail.show);\n    };\n    window.addEventListener(TOGGLE_PROJECT_DROPDOWN_EVENT, handler);\n    return () => window.removeEventListener(TOGGLE_PROJECT_DROPDOWN_EVENT, handler);\n  }, []);\n\n  const isProjectsLoading = projectsQuery.isFetching && !projectsQuery.data;\n\n  return {\n    isAuthenticated,\n    userEmail,\n    organizationName: selection.organizationName,\n    projectsTree,\n    selectedProjectId: selection.selectedProjectId,\n    selectedProjectName: selection.selectedProjectName || undefined,\n    isProjectsLoading,\n    isOrgLoading: showOrg && isProjectsLoading,\n    credits: selection.credits,\n    creditsHref,\n    projectDropdownVisible,\n    selectProject,\n    logout,\n  };\n}\n","\"use client\";\n\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { LogOut, MessageSquareShare, Moon, Sun } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { Avatar, AvatarFallback } from \"@/primitives/Avatar\";\nimport { Button } from \"@/primitives/Button\";\nimport { Credits } from \"@/primitives/Credits\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/primitives/DropdownMenu\";\nimport { Logo } from \"@/primitives/Logo\";\nimport { Skeleton } from \"@/primitives/Skeleton\";\nimport { type ThemeProduct, useTheme } from \"@/primitives/ThemeProvider\";\nimport { cn } from \"@/utils\";\nimport { ProjectPicker } from \"./ProjectPicker\";\nimport { DEFAULT_LABELS } from \"./labels\";\nimport type { HeaderProps } from \"./types\";\nimport { useGlobalHeader } from \"./use-global-header\";\n\n// Fallback logo destinations when the host doesn't pass `logoHref`.\nconst LOGO_HREF: Record<ThemeProduct, string> = {\n  psai: \"https://sapientaiproducts.com/\",\n  slingshot: \"https://sapientaiproducts.com/slingshot\",\n  sustain: \"https://www.publicissapient.com/\",\n  bodhi: \"https://sapientaiproducts.com/bodhi\",\n};\n\nconst PILL =\n  \"flex min-h-8 items-center gap-1 rounded-12 border border-primary-border bg-input-bg px-3 py-1 text-xs leading-4\";\n\n// ── Presentational parts (props-driven; Storybook/VR-able) ──────────────────\n\n/** The header bar shell — a sticky glass strip. */\nfunction HeaderBar({ className, ...props }: React.ComponentProps<\"header\">) {\n  return (\n    <header\n      data-slot=\"header\"\n      className={cn(\n        \"sticky top-1 z-10 mt-1 flex h-15 items-center gap-5 rounded-16 px-3 py-2\",\n        \"bg-glass-60-bg backdrop-blur-glass\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Product logo linking to its home, with a Suspense-safe fallback. */\nfunction HeaderLogo({ brand, href }: { brand: ThemeProduct; href?: string }) {\n  return (\n    <a href={href ?? LOGO_HREF[brand]} aria-label=\"Go to product home\" data-slot=\"header-logo\">\n      <Logo brand={brand} className=\"h-8 w-auto\" />\n    </a>\n  );\n}\n\n/** Read-only organisation pill. */\nfunction OrgPill({ name, loading }: { name?: string; loading?: boolean }) {\n  if (loading && !name) {\n    return (\n      <div className={cn(PILL, \"ml-3\")} data-slot=\"header-org\">\n        <span className=\"shrink-0 text-muted-txt\">{DEFAULT_LABELS.orgLabel}:</span>\n        <Skeleton className=\"h-4 w-24\" />\n      </div>\n    );\n  }\n  if (!name) return null;\n  return (\n    <div className={cn(PILL, \"ml-3 select-none\")} title={name} data-slot=\"header-org\">\n      <span className=\"shrink-0 text-muted-txt\">{DEFAULT_LABELS.orgLabel}:</span>\n      <span className=\"max-w-36 truncate text-primary-txt\">{name}</span>\n    </div>\n  );\n}\n\n/** Light/dark toggle — defers to ThemeProvider. */\nfunction ThemeToggle() {\n  const { theme, toggleTheme } = useTheme();\n  return (\n    <Button variant=\"ghost\" size=\"icon\" onClick={toggleTheme} aria-label=\"Toggle theme\">\n      {theme === \"light\" ? <Moon className=\"size-4\" /> : <Sun className=\"size-4\" />}\n    </Button>\n  );\n}\n\n/** Profile menu — avatar trigger with email + logout. */\nfunction ProfileMenu({ email, onLogout }: { email?: string; onLogout: () => void }) {\n  const initial = email?.trim().charAt(0).toUpperCase() || \"?\";\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" aria-label={DEFAULT_LABELS.profileMenuLabel}>\n          <Avatar className=\"size-7\">\n            <AvatarFallback>{initial}</AvatarFallback>\n          </Avatar>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" sideOffset={8} className=\"min-w-44\">\n        {email && (\n          <>\n            <DropdownMenuLabel className=\"truncate font-normal text-muted-txt\">\n              {email}\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        <DropdownMenuItem onSelect={onLogout} variant=\"destructive\">\n          <LogOut />\n          {DEFAULT_LABELS.logoutLabel}\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport { HeaderBar, HeaderLogo, OrgPill, ThemeToggle, ProfileMenu };\n\n// ── Wired Header ─────────────────────────────────────────────────────────────\n\n// Internal singleton client so the header is drop-in (no app setup) while still\n// sharing its cache across mounts/navigation.\nlet sharedClient: QueryClient | undefined;\nfunction getQueryClient(): QueryClient {\n  sharedClient ??= new QueryClient({\n    defaultOptions: { queries: { retry: 1, refetchOnWindowFocus: false } },\n  });\n  return sharedClient;\n}\n\n/** Drop-in global header. Must be rendered inside a <ThemeProvider>. */\nexport function Header(props: HeaderProps) {\n  return (\n    <QueryClientProvider client={getQueryClient()}>\n      <HeaderInner {...props} />\n    </QueryClientProvider>\n  );\n}\n\nfunction HeaderInner({\n  logoType,\n  logoHref,\n  showOrg = false,\n  showProjectDropdown = false,\n  showProfile = false,\n  showThemeSwitcher = false,\n  showCredits = false,\n  pageTitle,\n  feedbackUrl,\n  logoAddon,\n  actionsStart,\n  actionsEnd,\n  className,\n  ...rest\n}: HeaderProps) {\n  const { product } = useTheme();\n  const brand = logoType ?? product;\n  const state = useGlobalHeader({\n    showOrg,\n    showProjectDropdown,\n    showProfile,\n    showCredits,\n    ...rest,\n  });\n\n  // Logged-out users see no user content (project/org/profile/credits).\n  const showProjectUi = showProjectDropdown && state.isAuthenticated;\n  const showOrgUi = showOrg && state.isAuthenticated;\n  const showProfileUi = showProfile && state.isAuthenticated;\n  const showCreditsUi = showCredits && state.isAuthenticated && state.credits !== undefined;\n  const showActions =\n    showThemeSwitcher ||\n    showProfileUi ||\n    showCreditsUi ||\n    !!feedbackUrl ||\n    !!actionsStart ||\n    !!actionsEnd;\n\n  return (\n    <HeaderBar className={className}>\n      <HeaderLogo brand={brand} href={logoHref} />\n      {/* Page title — 20px (gap-5) from the logo. */}\n      {pageTitle && (\n        <span data-slot=\"header-title\" className=\"ml-5 font-semibold text-primary-txt text-sm\">\n          {pageTitle}\n        </span>\n      )}\n      {logoAddon}\n\n      {showOrgUi && <OrgPill name={state.organizationName} loading={state.isOrgLoading} />}\n\n      {showProjectUi && state.projectDropdownVisible && (\n        <div className=\"ml-2\">\n          <ProjectPicker\n            projectsTree={state.projectsTree}\n            selectedProjectId={state.selectedProjectId}\n            selectedProjectName={state.selectedProjectName}\n            onSelect={state.selectProject}\n            projectLabel={DEFAULT_LABELS.projectLabel}\n            projectPlaceholder={DEFAULT_LABELS.projectPlaceholder}\n            searchPlaceholder={DEFAULT_LABELS.searchPlaceholder}\n            emptyStateText={DEFAULT_LABELS.emptyStateText}\n            isLoading={state.isProjectsLoading}\n          />\n        </div>\n      )}\n\n      {showActions && (\n        <div className=\"ml-auto flex items-center gap-2\">\n          {actionsStart}\n          {feedbackUrl && (\n            <Button variant=\"ghost\" size=\"icon\" asChild>\n              <a\n                href={feedbackUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                aria-label=\"Share feedback\"\n              >\n                <MessageSquareShare className=\"size-4\" />\n              </a>\n            </Button>\n          )}\n          {showThemeSwitcher && <ThemeToggle />}\n          {showCreditsUi && state.credits !== undefined && (\n            <a\n              href={state.creditsHref}\n              aria-label=\"View credit activity\"\n              className=\"rounded-full outline-none focus-visible:ring-3 focus-visible:ring-focus\"\n            >\n              <Credits value={state.credits} />\n            </a>\n          )}\n          {showProfileUi && <ProfileMenu email={state.userEmail} onLogout={state.logout} />}\n          {actionsEnd}\n        </div>\n      )}\n    </HeaderBar>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Header.cjs","names":["PILL","React","cn","Skeleton","Icon","ChevronDown","Popover","PopoverTrigger","PopoverContent","Search","Input","ChevronRight","Check","React","React","cn","Logo","Skeleton","useTheme","Button","Moon","Sun","DropdownMenu","DropdownMenuTrigger","Avatar","AvatarFallback","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","LogOut","QueryClient","QueryClientProvider","MessageSquareShare","Credits"],"sources":["../src/patterns/Header/project-tree.ts","../src/patterns/Header/ProjectPicker.tsx","../src/patterns/Header/labels.ts","../src/patterns/Header/api.ts","../src/patterns/Header/storage.ts","../src/patterns/Header/header-store.ts","../src/patterns/Header/session.ts","../src/patterns/Header/use-global-header.ts","../src/patterns/Header/Header.tsx"],"sourcesContent":["import type { ProjectNode } from \"./types\";\n\n/** True when a node with the given id exists anywhere in the tree. */\nexport function nodeExistsInTree(tree: ProjectNode[], id: string): boolean {\n  return tree.some((node) => node.id === id || nodeExistsInTree(node.children, id));\n}\n\n/** Name of the node with the given id, or undefined. */\nexport function findProjectName(tree: ProjectNode[], id: string): string | undefined {\n  for (const node of tree) {\n    if (node.id === id) return node.name;\n    const found = findProjectName(node.children, id);\n    if (found) return found;\n  }\n  return undefined;\n}\n\n/** First selectable node in the tree (depth-first, skipping context-only ancestors). */\nexport function firstSelectableProject(tree: ProjectNode[]): ProjectNode | undefined {\n  for (const node of tree) {\n    if (!node.isContextOnly) return node;\n    const found = firstSelectableProject(node.children);\n    if (found) return found;\n  }\n  return undefined;\n}\n\n/** Filter the tree to nodes matching `term`, preserving ancestors of matches. */\nexport function filterTree(nodes: ProjectNode[], term: string): ProjectNode[] {\n  if (!term) return nodes;\n  const lower = term.toLowerCase();\n  return nodes.flatMap((node) => {\n    if (node.name.toLowerCase().includes(lower)) return [node];\n    const children = filterTree(node.children, term);\n    return children.length > 0 ? [{ ...node, children }] : [];\n  });\n}\n","\"use client\";\n\nimport { Icon } from \"@/primitives/Icon\";\nimport { Check, ChevronDown, ChevronRight, Search } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Input } from \"@/primitives/Input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/primitives/Popover\";\nimport { Skeleton } from \"@/primitives/Skeleton\";\nimport { cn } from \"@/utils\";\nimport { filterTree, findProjectName } from \"./project-tree\";\nimport type { ProjectNode } from \"./types\";\n\ninterface ProjectPickerProps {\n  projectsTree: ProjectNode[];\n  selectedProjectId: string;\n  selectedProjectName?: string;\n  onSelect: (id: string) => void;\n  projectLabel: string;\n  projectPlaceholder: string;\n  searchPlaceholder: string;\n  emptyStateText: string;\n  isLoading?: boolean;\n}\n\n// Pill shared by the trigger and the org pill — keeps the header lockup consistent.\nconst PILL =\n  \"flex min-h-8 items-center gap-1 rounded-12 border border-primary-border bg-input-bg px-3 py-1 text-xs leading-4\";\n\nexport function ProjectPicker({\n  projectsTree,\n  selectedProjectId,\n  selectedProjectName,\n  onSelect,\n  projectLabel,\n  projectPlaceholder,\n  searchPlaceholder,\n  emptyStateText,\n  isLoading = false,\n}: Readonly<ProjectPickerProps>) {\n  const [open, setOpen] = React.useState(false);\n  const [searchTerm, setSearchTerm] = React.useState(\"\");\n  const [collapsedIds, setCollapsedIds] = React.useState<Set<string>>(new Set());\n\n  const toggleCollapse = (id: string) =>\n    setCollapsedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n\n  const handleSelect = (id: string) => {\n    onSelect(id);\n    setOpen(false);\n  };\n\n  const selectedName = selectedProjectId\n    ? (findProjectName(projectsTree, selectedProjectId) ?? selectedProjectName)\n    : undefined;\n\n  const filteredTree = filterTree(projectsTree, searchTerm);\n\n  if (isLoading) {\n    return (\n      <div data-slot=\"header-project-picker\" className={cn(PILL, \"min-w-44\")}>\n        <span className=\"shrink-0 text-muted-txt\">{projectLabel}:</span>\n        <Skeleton className=\"h-3 flex-1\" />\n        <Icon as={ChevronDown} className=\"size-4 shrink-0 text-muted-txt opacity-40\" />\n      </div>\n    );\n  }\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (!next) setSearchTerm(\"\");\n      }}\n    >\n      <PopoverTrigger\n        data-slot=\"header-project-picker\"\n        className={cn(PILL, \"text-left transition-colors hover:border-focus/60\")}\n      >\n        <span className=\"shrink-0 text-muted-txt\">{projectLabel}:</span>\n        <span className={cn(\"max-w-36 truncate\", selectedName ? \"font-medium\" : \"text-muted-txt\")}>\n          {selectedName ?? projectPlaceholder}\n        </span>\n        <Icon as={ChevronDown} className=\"ml-1 size-4 shrink-0 text-muted-txt\" />\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-64 p-0\" role=\"tree\" aria-label={projectLabel}>\n        <div className=\"border-b p-2\">\n          <div className=\"relative\">\n            <Icon\n              as={Search}\n              className=\"absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-txt\"\n            />\n            <Input\n              size=\"sm\"\n              className=\"pl-8\"\n              placeholder={searchPlaceholder}\n              value={searchTerm}\n              onChange={(e) => setSearchTerm(e.target.value)}\n            />\n          </div>\n        </div>\n        <div className=\"max-h-64 overflow-y-auto py-1\">\n          {filteredTree.length === 0 ? (\n            <p className=\"px-1 py-0.5 text-sm text-muted-txt\">{emptyStateText}</p>\n          ) : (\n            filteredTree.map((node) => (\n              <TreeNode\n                key={node.id}\n                node={node}\n                depth={0}\n                selectedId={selectedProjectId}\n                onSelect={handleSelect}\n                collapsedIds={collapsedIds}\n                onToggleCollapse={toggleCollapse}\n              />\n            ))\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface TreeNodeProps {\n  node: ProjectNode;\n  depth: number;\n  selectedId: string;\n  onSelect: (id: string) => void;\n  collapsedIds: Set<string>;\n  onToggleCollapse: (id: string) => void;\n}\n\nfunction TreeNode({\n  node,\n  depth,\n  selectedId,\n  onSelect,\n  collapsedIds,\n  onToggleCollapse,\n}: Readonly<TreeNodeProps>) {\n  const isSelected = !node.isContextOnly && selectedId === node.id;\n  const isCollapsed = collapsedIds.has(node.id);\n  const hasChildren = node.children.length > 0;\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-selected={node.isContextOnly ? undefined : isSelected}\n      aria-expanded={hasChildren ? !isCollapsed : undefined}\n    >\n      <div\n        style={{ paddingLeft: `${0.75 + depth}rem` }}\n        className={cn(\n          \"flex items-center gap-1 py-2 pr-3 text-sm transition-colors\",\n          node.isContextOnly\n            ? \"cursor-default text-muted-txt\"\n            : \"cursor-pointer hover:bg-ghost-hover-bg\",\n          isSelected && \"bg-secondary-bg font-medium\",\n        )}\n      >\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            aria-label={isCollapsed ? `Expand ${node.name}` : `Collapse ${node.name}`}\n            onClick={() => onToggleCollapse(node.id)}\n            className=\"shrink-0 text-muted-txt hover:text-primary-txt\"\n          >\n            {isCollapsed ? (\n              <Icon as={ChevronRight} className=\"size-3.5\" />\n            ) : (\n              <Icon as={ChevronDown} className=\"size-3.5\" />\n            )}\n          </button>\n        ) : (\n          <span className=\"inline-block w-3.5 shrink-0\" />\n        )}\n\n        {node.isContextOnly ? (\n          <span className=\"flex-1 text-left\">{node.name}</span>\n        ) : (\n          <button type=\"button\" onClick={() => onSelect(node.id)} className=\"flex-1 text-left\">\n            {node.name}\n          </button>\n        )}\n\n        {isSelected && <Icon as={Check} className=\"ml-auto size-3.5 shrink-0 text-primary\" />}\n      </div>\n      {!isCollapsed && hasChildren && (\n        <div role=\"group\">\n          {node.children.map((child) => (\n            <TreeNode\n              key={child.id}\n              node={child}\n              depth={depth + 1}\n              selectedId={selectedId}\n              onSelect={onSelect}\n              collapsedIds={collapsedIds}\n              onToggleCollapse={onToggleCollapse}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","/** Default UI strings. Spread-override via the Header `labels` prop if needed. */\nexport const DEFAULT_LABELS = {\n  orgLabel: \"Org\",\n  projectLabel: \"Project\",\n  projectPlaceholder: \"Select project...\",\n  searchPlaceholder: \"Search project\",\n  emptyStateText: \"No projects found\",\n  profileMenuLabel: \"Profile menu\",\n  logoutLabel: \"Logout\",\n} as const;\n\nexport type Labels = typeof DEFAULT_LABELS;\n","import type { Fetcher, HeaderEndpoints, HeaderProps, ProjectNode } from \"./types\";\n\n// Studio-auth API. Endpoints are built from the host-provided `apiBaseUrl` (full\n// domain) so the same header works across environments/subdomains. All requests\n// send cookies (`credentials: 'include'`); the parent-domain session cookie is\n// readable cross-subdomain.\n\n/** Page size for the paginated projects endpoint. */\nexport const PROJECTS_PAGE_LIMIT = 50;\n/** Hard cap on project pages fetched — guards against a runaway loop. */\nconst PROJECTS_MAX_PAGES = 40;\n\nconst PATHS = {\n  token: \"/api/v1/studio-auth/sessions/token\",\n  logout: \"/api/v1/studio-auth/sessions/logout\",\n  projects: (clientId: string) =>\n    `/save/api/v1/client-projects/getAllProjects?limit=${PROJECTS_PAGE_LIMIT}&page=1&sort=name&sortOrder=ASC&clientId=${encodeURIComponent(clientId)}&metaData=true`,\n  credits: \"/save/api/v1/users\",\n};\n\n/** Join a base URL and path without doubling slashes. */\nfunction join(baseUrl: string, path: string): string {\n  return `${baseUrl.replace(/\\/$/, \"\")}${path}`;\n}\n\nexport function buildEndpoints(\n  apiBaseUrl: string,\n  overrides?: HeaderProps[\"endpoints\"],\n): HeaderEndpoints {\n  return {\n    token: overrides?.token ?? join(apiBaseUrl, PATHS.token),\n    logout: overrides?.logout ?? join(apiBaseUrl, PATHS.logout),\n    projects:\n      overrides?.projects ?? ((clientId: string) => join(apiBaseUrl, PATHS.projects(clientId))),\n    credits: overrides?.credits ?? join(apiBaseUrl, PATHS.credits),\n  };\n}\n\ntype ApiEnvelope<T> = { response?: { data?: T } };\n\nexport async function fetchToken(endpoints: HeaderEndpoints, fetcher: Fetcher): Promise<string> {\n  const res = await fetcher(endpoints.token, { credentials: \"include\" });\n  if (!res.ok) throw new Error(`token request failed: ${res.status}`);\n  const { accessToken } = (await res.json()) as { accessToken: string };\n  return accessToken;\n}\n\ntype ProjectsPayload = {\n  projectsTree?: ProjectNode[];\n  organization?: { name?: string };\n};\n\n/**\n * Return `url` with the `page` query param set to the given page (and `limit`\n * backfilled when absent). Pagination stays owned by the header: host-provided\n * endpoint URLs don't need — and can't break — the paging params. Handles\n * absolute and relative URLs.\n */\nexport function withPageParam(url: string, page: number): string {\n  const isAbsolute = /^[a-z][a-z0-9+.-]*:\\/\\//i.test(url);\n  try {\n    const u = new URL(url, isAbsolute ? undefined : \"http://relative.invalid\");\n    u.searchParams.set(\"page\", String(page));\n    if (!u.searchParams.has(\"limit\")) u.searchParams.set(\"limit\", String(PROJECTS_PAGE_LIMIT));\n    return isAbsolute ? u.toString() : `${u.pathname}${u.search}${u.hash}`;\n  } catch {\n    return url;\n  }\n}\n\n/** The `limit` query param already on a URL, else the default page size. */\nfunction readLimitParam(url: string): number {\n  try {\n    const limit = Number(new URL(url, \"http://relative.invalid\").searchParams.get(\"limit\"));\n    return Number.isInteger(limit) && limit > 0 ? limit : PROJECTS_PAGE_LIMIT;\n  } catch {\n    return PROJECTS_PAGE_LIMIT;\n  }\n}\n\n/** Total node count in a tree page (roots + descendants). */\nfunction countNodes(tree: ProjectNode[]): number {\n  return tree.reduce((sum, node) => sum + 1 + countNodes(node.children ?? []), 0);\n}\n\n/**\n * Merge a page's tree into the accumulated tree. Nodes repeated across pages\n * (e.g. a context-only ancestor whose children span a page boundary) are\n * merged by id instead of duplicated.\n */\nfunction mergeTrees(into: ProjectNode[], page: ProjectNode[]): void {\n  for (const node of page) {\n    const existing = into.find((n) => n.id === node.id);\n    if (existing) mergeTrees(existing.children, node.children ?? []);\n    else into.push({ ...node, children: [...(node.children ?? [])] });\n  }\n}\n\n/**\n * Fetch ALL pages of the paginated projects endpoint and merge them into a\n * single tree, so users with more projects than one page still see everything.\n * The response carries no pagination metadata, so the first page that comes\n * back with fewer than `limit` nodes is treated as the last one.\n */\nexport async function fetchProjects(\n  endpoints: HeaderEndpoints,\n  clientId: string,\n  accessToken: string,\n  fetcher: Fetcher,\n): Promise<{ projectsTree: ProjectNode[]; organizationName: string | undefined }> {\n  const projectsTree: ProjectNode[] = [];\n  let organizationName: string | undefined;\n  const baseUrl = endpoints.projects(clientId);\n  const pageLimit = readLimitParam(baseUrl);\n\n  for (let page = 1; page <= PROJECTS_MAX_PAGES; page++) {\n    const res = await fetcher(withPageParam(baseUrl, page), {\n      credentials: \"include\",\n      headers: { Authorization: `Bearer ${accessToken}` },\n    });\n    if (!res.ok) throw new Error(`projects request failed: ${res.status}`);\n    const body = (await res.json()) as ApiEnvelope<ProjectsPayload>;\n    const pageTree = body.response?.data?.projectsTree ?? [];\n    mergeTrees(projectsTree, pageTree);\n    organizationName ??= body.response?.data?.organization?.name;\n\n    // A short page means there is nothing left.\n    if (countNodes(pageTree) < pageLimit) break;\n  }\n\n  return { projectsTree, organizationName };\n}\n\nexport async function fetchCredits(\n  endpoints: HeaderEndpoints,\n  accessToken: string,\n  fetcher: Fetcher,\n): Promise<number | undefined> {\n  const res = await fetcher(endpoints.credits, {\n    credentials: \"include\",\n    headers: { Authorization: `Bearer ${accessToken}` },\n  });\n  if (!res.ok) throw new Error(`credits request failed: ${res.status}`);\n  const data = (await res.json()) as { remainingCredits?: number };\n  return data.remainingCredits;\n}\n\nexport async function callLogout(endpoints: HeaderEndpoints, fetcher: Fetcher): Promise<void> {\n  try {\n    await fetcher(endpoints.logout, { method: \"POST\", credentials: \"include\" });\n  } finally {\n    if (typeof window !== \"undefined\") window.location.href = \"/\";\n  }\n}\n","// Persists the user's project selection across reloads (sessionStorage), tagged\n// with the client it belongs to so a stale selection from a different org is\n// discarded on re-login. Explicit selections are additionally remembered in\n// localStorage (`lastSelectedProject`) so new tabs default to the project the\n// user picked last — while each tab keeps its own per-tab selection.\n// The full (all pages, merged) projects result is also cached in sessionStorage\n// so the paginated projects API is hit once per tab session, not on every mount\n// or reload.\n\nimport type { ProjectNode } from \"./types\";\n\nconst PROJECT_KEY = \"ds-header-project\";\nconst LAST_PROJECT_KEY = \"lastSelectedProject\";\nconst PROJECTS_CACHE_KEY = \"ds-header-projects-cache\";\n\nexport interface StoredProject {\n  id: string;\n  name: string;\n  clientId?: string;\n}\n\nexport function getStoredProject(): StoredProject | null {\n  try {\n    const raw = sessionStorage.getItem(PROJECT_KEY);\n    return raw ? (JSON.parse(raw) as StoredProject) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport function setStoredProject(project: StoredProject): void {\n  try {\n    sessionStorage.setItem(PROJECT_KEY, JSON.stringify(project));\n  } catch {\n    // sessionStorage unavailable — degrade silently\n  }\n}\n\nexport function clearStoredProject(): void {\n  try {\n    sessionStorage.removeItem(PROJECT_KEY);\n  } catch {\n    // noop\n  }\n}\n\n/** The project the user last explicitly selected, in any tab (localStorage). */\nexport function getLastSelectedProject(): StoredProject | null {\n  try {\n    const raw = localStorage.getItem(LAST_PROJECT_KEY);\n    return raw ? (JSON.parse(raw) as StoredProject) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport function setLastSelectedProject(project: StoredProject): void {\n  try {\n    localStorage.setItem(LAST_PROJECT_KEY, JSON.stringify(project));\n  } catch {\n    // localStorage unavailable — degrade silently\n  }\n}\n\nexport interface CachedProjects {\n  projectsTree: ProjectNode[];\n  organizationName: string | undefined;\n}\n\n// Keyed by client id + user id (both from the session JWT) so switching user\n// or organisation misses the cache and refetches instead of serving another\n// identity's projects.\nfunction projectsCacheKey(clientId: string, userId: string): string {\n  return `${PROJECTS_CACHE_KEY}:${clientId}:${userId}`;\n}\n\n/** The session-cached projects result for this client + user, or null on miss. */\nexport function getCachedProjects(clientId: string, userId: string): CachedProjects | null {\n  try {\n    const raw = sessionStorage.getItem(projectsCacheKey(clientId, userId));\n    if (!raw) return null;\n    const cached = JSON.parse(raw) as Partial<CachedProjects>;\n    if (!Array.isArray(cached.projectsTree)) return null;\n    return { projectsTree: cached.projectsTree, organizationName: cached.organizationName };\n  } catch {\n    return null;\n  }\n}\n\nexport function setCachedProjects(clientId: string, userId: string, data: CachedProjects): void {\n  try {\n    sessionStorage.setItem(projectsCacheKey(clientId, userId), JSON.stringify(data));\n  } catch {\n    // sessionStorage unavailable/full — degrade silently\n  }\n}\n\n/** Drop every cached projects entry (all clients/users) — used on logout. */\nexport function clearCachedProjects(): void {\n  try {\n    for (let i = sessionStorage.length - 1; i >= 0; i--) {\n      const key = sessionStorage.key(i);\n      if (key?.startsWith(PROJECTS_CACHE_KEY)) sessionStorage.removeItem(key);\n    }\n  } catch {\n    // noop\n  }\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n  clearStoredProject,\n  getStoredProject,\n  setLastSelectedProject,\n  setStoredProject,\n} from \"./storage\";\n\n// Module-level store for the current project/org selection. Module scope (not\n// React context) so a host app can read and change the selection from anywhere —\n// including components rendered outside the <Header> subtree. The Header is one\n// writer/reader; `useHeaderProject()` gives apps the same access.\n\nexport interface HeaderSelection {\n  selectedProjectId: string;\n  selectedProjectName: string;\n  organizationName: string | undefined;\n  /** Remaining credits for the logged-in user (read-only here; set by the Header). */\n  credits: number | undefined;\n  /** Client/org the current selection + org belong to (for cross-org invalidation). */\n  clientId: string | undefined;\n}\n\nfunction initialState(): HeaderSelection {\n  const stored = typeof window !== \"undefined\" ? getStoredProject() : null;\n  return {\n    selectedProjectId: stored?.id ?? \"\",\n    selectedProjectName: stored?.name ?? \"\",\n    organizationName: undefined,\n    credits: undefined,\n    clientId: stored?.clientId,\n  };\n}\n\nlet state: HeaderSelection = initialState();\n// Stable reference for SSR / first server render.\nconst SERVER_SNAPSHOT: HeaderSelection = Object.freeze({\n  selectedProjectId: \"\",\n  selectedProjectName: \"\",\n  organizationName: undefined,\n  credits: undefined,\n  clientId: undefined,\n});\n\nconst listeners = new Set<() => void>();\nfunction emit() {\n  for (const listener of listeners) listener();\n}\n\nexport const headerStore = {\n  subscribe(listener: () => void) {\n    listeners.add(listener);\n    return () => listeners.delete(listener);\n  },\n  getSnapshot(): HeaderSelection {\n    return state;\n  },\n  getServerSnapshot(): HeaderSelection {\n    return SERVER_SNAPSHOT;\n  },\n\n  /**\n   * Set the selected project. `name` is best-effort; the Header backfills it from\n   * the tree. Explicit selections are also remembered in localStorage as the\n   * cross-tab default; pass `remember: false` for internal backfill/auto-select\n   * writes so they don't overwrite the user's last explicit choice.\n   */\n  setProject(id: string, name = \"\", clientId?: string, { remember = true } = {}) {\n    if (id) {\n      const project = { id, name, clientId: clientId ?? state.clientId };\n      setStoredProject(project);\n      if (remember) setLastSelectedProject(project);\n    } else clearStoredProject();\n    state = {\n      ...state,\n      selectedProjectId: id,\n      selectedProjectName: name,\n      clientId: clientId ?? state.clientId,\n    };\n    emit();\n  },\n\n  clearProject() {\n    clearStoredProject();\n    state = { ...state, selectedProjectId: \"\", selectedProjectName: \"\" };\n    emit();\n  },\n\n  setOrganization(name: string | undefined, clientId?: string) {\n    state = { ...state, organizationName: name, clientId: clientId ?? state.clientId };\n    emit();\n  },\n\n  setCredits(credits: number | undefined) {\n    if (state.credits === credits) return;\n    state = { ...state, credits };\n    emit();\n  },\n\n  /** When the active client changes, drop a selection/org from the previous one. */\n  reconcileClient(clientId: string) {\n    if (state.clientId === clientId) return;\n    if (state.clientId && state.clientId !== clientId) {\n      clearStoredProject();\n      state = {\n        selectedProjectId: \"\",\n        selectedProjectName: \"\",\n        organizationName: undefined,\n        credits: state.credits, // user-level — survives org switches\n        clientId,\n      };\n    } else {\n      state = { ...state, clientId };\n    }\n    emit();\n  },\n};\n\n/** Internal: subscribe a component to the selection store. */\nexport function useHeaderStore(): HeaderSelection {\n  return React.useSyncExternalStore(\n    headerStore.subscribe,\n    headerStore.getSnapshot,\n    headerStore.getServerSnapshot,\n  );\n}\n\nexport interface UseHeaderProjectResult {\n  selectedProjectId: string;\n  selectedProjectName: string | undefined;\n  organizationName: string | undefined;\n  /** Set the active project from outside the Header (by id). */\n  setProject: (id: string) => void;\n  /** Clear this tab's active project (the header re-defaults on next projects load). */\n  clearProject: () => void;\n}\n\n/**\n * Read the current project/org and change the project from anywhere in the app —\n * no need to be inside the <Header>. Reflects user selections made in the header\n * and updates the header when changed here.\n */\nexport function useHeaderProject(): UseHeaderProjectResult {\n  const snapshot = useHeaderStore();\n  return {\n    selectedProjectId: snapshot.selectedProjectId,\n    selectedProjectName: snapshot.selectedProjectName || undefined,\n    organizationName: snapshot.organizationName,\n    setProject: React.useCallback((id: string) => headerStore.setProject(id), []),\n    clearProject: React.useCallback(() => headerStore.clearProject(), []),\n  };\n}\n\n/** Read the logged-in user's remaining credits (read-only; the Header owns it). */\nexport function useHeaderCredits(): number | undefined {\n  return useHeaderStore().credits;\n}\n","// Client-side session detection. The auth system writes a JS-readable cookie\n// `{environmentId}-sessionId` (a JWT) on the shared parent domain. We decode it\n// and check its expiry to know whether the user is logged in — no network call.\n\ninterface JwtPayload {\n  exp?: number;\n  [key: string]: unknown;\n}\n\n/** Read the raw session JWT from the `{environmentId}-sessionId` cookie. */\nexport function getSessionToken(environmentId: string): string | null {\n  if (typeof document === \"undefined\") return null;\n  const name = `${environmentId}-sessionId`;\n  for (const part of document.cookie.split(\";\")) {\n    const [key, ...rest] = part.trim().split(\"=\");\n    if (key === name) return decodeURIComponent(rest.join(\"=\"));\n  }\n  return null;\n}\n\n/** Decode a JWT payload without verifying the signature (display/expiry only). */\nexport function decodeJwt(token: string): JwtPayload | null {\n  try {\n    const payload = token.split(\".\")[1];\n    if (!payload) return null;\n    const base64 = payload.replace(/-/g, \"+\").replace(/_/g, \"/\");\n    const json = atob(base64);\n    return JSON.parse(json) as JwtPayload;\n  } catch {\n    return null;\n  }\n}\n\n/** User/session claims carried in the session JWT (the subset the header uses). */\nexport interface SessionClaims {\n  email?: string;\n  name?: string;\n  userId?: string;\n  /** Active organisation id (`client_id` claim). */\n  clientId?: string;\n  exp?: number;\n}\n\n/**\n * Decode the user claims from the session cookie's JWT — no network call.\n * Returns null when the cookie is absent or undecodable.\n */\nexport function getSessionClaims(environmentId: string): SessionClaims | null {\n  const token = getSessionToken(environmentId);\n  if (!token) return null;\n  const payload = decodeJwt(token);\n  if (!payload) return null;\n  const str = (v: unknown) => (typeof v === \"string\" ? v : undefined);\n  return {\n    email: str(payload.email),\n    name: str(payload.name),\n    userId: str(payload.user_id),\n    clientId: str(payload.client_id),\n    exp: typeof payload.exp === \"number\" ? payload.exp : undefined,\n  };\n}\n\n/** True when a valid, unexpired session cookie exists for the environment. */\nexport function isSessionValid(environmentId: string): boolean {\n  const token = getSessionToken(environmentId);\n  if (!token) return false;\n  const payload = decodeJwt(token);\n  if (!payload) return false;\n  // No exp claim → treat as a non-expiring session.\n  if (typeof payload.exp !== \"number\") return true;\n  return payload.exp * 1000 > Date.now();\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport * as React from \"react\";\n\nimport { buildEndpoints, callLogout, fetchCredits, fetchProjects, fetchToken } from \"./api\";\nimport { headerStore, useHeaderStore } from \"./header-store\";\nimport { findProjectName, firstSelectableProject, nodeExistsInTree } from \"./project-tree\";\nimport { getSessionClaims, isSessionValid } from \"./session\";\nimport {\n  clearCachedProjects,\n  getCachedProjects,\n  getLastSelectedProject,\n  setCachedProjects,\n} from \"./storage\";\nimport type { HeaderProps, ProjectNode } from \"./types\";\n\n/** Window event other modules can dispatch to show/hide the project dropdown. */\nexport const TOGGLE_PROJECT_DROPDOWN_EVENT = \"toggle-project-dropdown\";\nexport interface ToggleProjectDropdownDetail {\n  show: boolean;\n}\n\nconst DEFAULT_STALE_TIME = 5 * 60_000;\nconst DEFAULT_GC_TIME = 10 * 60_000;\n\nexport interface GlobalHeaderState {\n  /** Whether a valid session cookie exists — when false, hide all user content. */\n  isAuthenticated: boolean;\n  userEmail: string | undefined;\n  organizationName: string | undefined;\n  projectsTree: ProjectNode[];\n  selectedProjectId: string;\n  selectedProjectName: string | undefined;\n  isProjectsLoading: boolean;\n  isOrgLoading: boolean;\n  /** Remaining credits for the user (undefined until loaded / when disabled). */\n  credits: number | undefined;\n  /** Where the credits pill links to (studio-auth `/user/activity`). */\n  creditsHref: string;\n  projectDropdownVisible: boolean;\n  selectProject: (id: string) => void;\n  logout: () => void;\n}\n\ntype UseGlobalHeaderArgs = Pick<\n  HeaderProps,\n  | \"apiBaseUrl\"\n  | \"environmentId\"\n  | \"clientId\"\n  | \"defaultProjectId\"\n  | \"_dangerouslyInjectAccessToken\"\n  | \"showProjectDropdown\"\n  | \"showProfile\"\n  | \"showOrg\"\n  | \"showCredits\"\n  | \"endpoints\"\n  | \"fetcher\"\n  | \"staleTime\"\n  | \"gcTime\"\n  | \"onProjectChange\"\n>;\n\nexport function useGlobalHeader({\n  apiBaseUrl,\n  environmentId,\n  clientId,\n  defaultProjectId,\n  _dangerouslyInjectAccessToken: injectedToken,\n  showProjectDropdown = false,\n  showProfile = false,\n  showOrg = false,\n  showCredits = false,\n  endpoints: endpointOverrides,\n  fetcher: fetcherProp,\n  staleTime = DEFAULT_STALE_TIME,\n  gcTime = DEFAULT_GC_TIME,\n  onProjectChange,\n}: UseGlobalHeaderArgs): GlobalHeaderState {\n  const fetcher = React.useMemo(\n    () => fetcherProp ?? ((input: RequestInfo | URL, init?: RequestInit) => fetch(input, init)),\n    [fetcherProp],\n  );\n  const endpoints = React.useMemo(\n    () => buildEndpoints(apiBaseUrl, endpointOverrides),\n    [apiBaseUrl, endpointOverrides],\n  );\n\n  // Read the session cookie each render (cheap); gates every network call.\n  // User identity (email, client id) comes from the JWT claims — no /me call.\n  const isAuthenticated = isSessionValid(environmentId);\n  const claims = getSessionClaims(environmentId);\n\n  // token → projects, enabled only when the previous resolved.\n  const tokenQuery = useQuery({\n    queryKey: [\"ds-header\", \"token\", endpoints.token],\n    queryFn: () => fetchToken(endpoints, fetcher),\n    enabled: isAuthenticated && !injectedToken,\n    staleTime,\n    gcTime,\n  });\n  const token = injectedToken ?? tokenQuery.data;\n\n  const effectiveClientId = clientId ?? claims?.clientId;\n  const wantsProjects = showProjectDropdown || showOrg;\n  // All pages of the projects API, merged. Served from the sessionStorage\n  // cache when present so the API is hit once per tab session — not on every\n  // mount, reload, or react-query refetch. The cache is keyed by client id +\n  // user id (from the JWT), so a different user or org refetches.\n  const userId = claims?.userId ?? \"\";\n  const projectsQuery = useQuery({\n    queryKey: [\"ds-header\", \"projects\", effectiveClientId, userId, token],\n    queryFn: async () => {\n      const id = effectiveClientId as string;\n      const cached = getCachedProjects(id, userId);\n      if (cached) return cached;\n      const fresh = await fetchProjects(endpoints, id, token as string, fetcher);\n      setCachedProjects(id, userId, fresh);\n      return fresh;\n    },\n    enabled: isAuthenticated && !!token && !!effectiveClientId && wantsProjects,\n    staleTime,\n    gcTime,\n  });\n\n  // Credits — only needs the token. Always refetched on mount (staleTime 0) so a\n  // page refresh shows the current balance.\n  const creditsQuery = useQuery({\n    queryKey: [\"ds-header\", \"credits\", endpoints.credits, token],\n    queryFn: () => fetchCredits(endpoints, token as string, fetcher),\n    enabled: isAuthenticated && !!token && showCredits,\n    staleTime: 0,\n    gcTime,\n  });\n\n  const projectsTree = projectsQuery.data?.projectsTree ?? [];\n  const userEmail = showProfile ? claims?.email : undefined;\n  const creditsHref = React.useMemo(() => {\n    try {\n      return new URL(\"/user/activity\", apiBaseUrl).toString();\n    } catch {\n      return \"/user/activity\";\n    }\n  }, [apiBaseUrl]);\n\n  // Selection + org live in a module store so host apps can read/change them\n  // from outside the header (see useHeaderProject).\n  const selection = useHeaderStore();\n\n  // Ref so the auto-select effect sees the latest callback without re-running.\n  const onProjectChangeRef = React.useRef(onProjectChange);\n  React.useEffect(() => {\n    onProjectChangeRef.current = onProjectChange;\n  });\n\n  // Once the client id resolves, drop a selection/org from a different client.\n  React.useEffect(() => {\n    if (effectiveClientId) headerStore.reconcileClient(effectiveClientId);\n  }, [effectiveClientId]);\n\n  // Once projects load: publish the org name and validate/backfill the selection.\n  // A tab with no valid selection defaults to the user's last explicitly selected\n  // project (localStorage `lastSelectedProject`) when it still exists in the\n  // tree, else the host's `defaultProjectId`, else the first selectable\n  // project — no selection prompt.\n  React.useEffect(() => {\n    if (!projectsQuery.data) return;\n    const tree = projectsQuery.data.projectsTree;\n    const id = headerStore.getSnapshot().selectedProjectId;\n    if (id && nodeExistsInTree(tree, id)) {\n      const name = findProjectName(tree, id);\n      if (name && name !== headerStore.getSnapshot().selectedProjectName) {\n        headerStore.setProject(id, name, effectiveClientId, { remember: false });\n      }\n    } else {\n      const last = getLastSelectedProject();\n      const fallback =\n        last && nodeExistsInTree(tree, last.id)\n          ? { id: last.id, name: findProjectName(tree, last.id) ?? last.name }\n          : defaultProjectId && nodeExistsInTree(tree, defaultProjectId)\n            ? { id: defaultProjectId, name: findProjectName(tree, defaultProjectId) ?? \"\" }\n            : firstSelectableProject(tree);\n      if (fallback) {\n        headerStore.setProject(fallback.id, fallback.name, effectiveClientId, {\n          remember: false,\n        });\n        onProjectChangeRef.current?.(fallback.id);\n      } else if (id) {\n        headerStore.clearProject();\n      }\n    }\n    headerStore.setOrganization(projectsQuery.data.organizationName, effectiveClientId);\n  }, [projectsQuery.data, effectiveClientId, defaultProjectId]);\n\n  // Publish credits to the store so host apps can read them via useHeaderCredits.\n  React.useEffect(() => {\n    if (creditsQuery.data !== undefined) headerStore.setCredits(creditsQuery.data);\n  }, [creditsQuery.data]);\n\n  const selectProject = (id: string) => {\n    const name = findProjectName(projectsTree, id) ?? \"\";\n    headerStore.setProject(id, name, effectiveClientId);\n    onProjectChange?.(id);\n  };\n\n  const logout = () => {\n    headerStore.clearProject();\n    clearCachedProjects();\n    void callLogout(endpoints, fetcher);\n  };\n\n  // Visibility: declarative from the prop, overridable at runtime via the event.\n  const [projectDropdownVisible, setProjectDropdownVisible] = React.useState(showProjectDropdown);\n  React.useEffect(() => setProjectDropdownVisible(showProjectDropdown), [showProjectDropdown]);\n  React.useEffect(() => {\n    const handler = (e: Event) => {\n      setProjectDropdownVisible((e as CustomEvent<ToggleProjectDropdownDetail>).detail.show);\n    };\n    window.addEventListener(TOGGLE_PROJECT_DROPDOWN_EVENT, handler);\n    return () => window.removeEventListener(TOGGLE_PROJECT_DROPDOWN_EVENT, handler);\n  }, []);\n\n  const isProjectsLoading = projectsQuery.isFetching && !projectsQuery.data;\n\n  return {\n    isAuthenticated,\n    userEmail,\n    organizationName: selection.organizationName,\n    projectsTree,\n    selectedProjectId: selection.selectedProjectId,\n    selectedProjectName: selection.selectedProjectName || undefined,\n    isProjectsLoading,\n    isOrgLoading: showOrg && isProjectsLoading,\n    credits: selection.credits,\n    creditsHref,\n    projectDropdownVisible,\n    selectProject,\n    logout,\n  };\n}\n","\"use client\";\n\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { LogOut, MessageSquareShare, Moon, Sun } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { Avatar, AvatarFallback } from \"@/primitives/Avatar\";\nimport { Button } from \"@/primitives/Button\";\nimport { Credits } from \"@/primitives/Credits\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/primitives/DropdownMenu\";\nimport { Logo } from \"@/primitives/Logo\";\nimport { Skeleton } from \"@/primitives/Skeleton\";\nimport { type ThemeProduct, useTheme } from \"@/primitives/ThemeProvider\";\nimport { cn } from \"@/utils\";\nimport { ProjectPicker } from \"./ProjectPicker\";\nimport { DEFAULT_LABELS } from \"./labels\";\nimport type { HeaderProps } from \"./types\";\nimport { useGlobalHeader } from \"./use-global-header\";\n\n// Fallback logo destinations when the host doesn't pass `logoHref`.\nconst LOGO_HREF: Record<ThemeProduct, string> = {\n  psai: \"https://sapientaiproducts.com/\",\n  slingshot: \"https://sapientaiproducts.com/slingshot\",\n  sustain: \"https://www.publicissapient.com/\",\n  bodhi: \"https://sapientaiproducts.com/bodhi\",\n};\n\nconst PILL =\n  \"flex min-h-8 items-center gap-1 rounded-12 border border-primary-border bg-input-bg px-3 py-1 text-xs leading-4\";\n\n// ── Presentational parts (props-driven; Storybook/VR-able) ──────────────────\n\n/** The header bar shell — a sticky glass strip. */\nfunction HeaderBar({ className, ...props }: React.ComponentProps<\"header\">) {\n  return (\n    <header\n      data-slot=\"header\"\n      className={cn(\n        \"sticky top-1 z-10 mt-1 flex h-15 items-center gap-5 rounded-16 px-3 py-2\",\n        \"bg-glass-60-bg backdrop-blur-glass\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Product logo linking to its home, with a Suspense-safe fallback. */\nfunction HeaderLogo({ brand, href }: { brand: ThemeProduct; href?: string }) {\n  return (\n    <a href={href ?? LOGO_HREF[brand]} aria-label=\"Go to product home\" data-slot=\"header-logo\">\n      <Logo brand={brand} className=\"h-8 w-auto\" />\n    </a>\n  );\n}\n\n/** Read-only organisation pill. */\nfunction OrgPill({ name, loading }: { name?: string; loading?: boolean }) {\n  if (loading && !name) {\n    return (\n      <div className={cn(PILL, \"ml-3\")} data-slot=\"header-org\">\n        <span className=\"shrink-0 text-muted-txt\">{DEFAULT_LABELS.orgLabel}:</span>\n        <Skeleton className=\"h-4 w-24\" />\n      </div>\n    );\n  }\n  if (!name) return null;\n  return (\n    <div className={cn(PILL, \"ml-3 select-none\")} title={name} data-slot=\"header-org\">\n      <span className=\"shrink-0 text-muted-txt\">{DEFAULT_LABELS.orgLabel}:</span>\n      <span className=\"max-w-36 truncate text-primary-txt\">{name}</span>\n    </div>\n  );\n}\n\n/** Light/dark toggle — defers to ThemeProvider. */\nfunction ThemeToggle() {\n  const { theme, toggleTheme } = useTheme();\n  return (\n    <Button variant=\"ghost\" size=\"icon\" onClick={toggleTheme} aria-label=\"Toggle theme\">\n      {theme === \"light\" ? <Moon className=\"size-4\" /> : <Sun className=\"size-4\" />}\n    </Button>\n  );\n}\n\n/** Profile menu — avatar trigger with email + logout. */\nfunction ProfileMenu({ email, onLogout }: { email?: string; onLogout: () => void }) {\n  const initial = email?.trim().charAt(0).toUpperCase() || \"?\";\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" aria-label={DEFAULT_LABELS.profileMenuLabel}>\n          <Avatar className=\"size-7\">\n            <AvatarFallback>{initial}</AvatarFallback>\n          </Avatar>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" sideOffset={8} className=\"min-w-44\">\n        {email && (\n          <>\n            <DropdownMenuLabel className=\"truncate font-normal text-muted-txt\">\n              {email}\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        <DropdownMenuItem onSelect={onLogout} variant=\"destructive\">\n          <LogOut />\n          {DEFAULT_LABELS.logoutLabel}\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport { HeaderBar, HeaderLogo, OrgPill, ThemeToggle, ProfileMenu };\n\n// ── Wired Header ─────────────────────────────────────────────────────────────\n\n// Internal singleton client so the header is drop-in (no app setup) while still\n// sharing its cache across mounts/navigation.\nlet sharedClient: QueryClient | undefined;\nfunction getQueryClient(): QueryClient {\n  sharedClient ??= new QueryClient({\n    defaultOptions: { queries: { retry: 1, refetchOnWindowFocus: false } },\n  });\n  return sharedClient;\n}\n\n/** Drop-in global header. Must be rendered inside a <ThemeProvider>. */\nexport function Header(props: HeaderProps) {\n  return (\n    <QueryClientProvider client={getQueryClient()}>\n      <HeaderInner {...props} />\n    </QueryClientProvider>\n  );\n}\n\nfunction HeaderInner({\n  logoType,\n  logoHref,\n  showOrg = false,\n  showProjectDropdown = false,\n  showProfile = false,\n  showThemeSwitcher = false,\n  showCredits = false,\n  pageTitle,\n  feedbackUrl,\n  logoAddon,\n  actionsStart,\n  actionsEnd,\n  className,\n  ...rest\n}: HeaderProps) {\n  const { product } = useTheme();\n  const brand = logoType ?? product;\n  const state = useGlobalHeader({\n    showOrg,\n    showProjectDropdown,\n    showProfile,\n    showCredits,\n    ...rest,\n  });\n\n  // Logged-out users see no user content (project/org/profile/credits).\n  const showProjectUi = showProjectDropdown && state.isAuthenticated;\n  const showOrgUi = showOrg && state.isAuthenticated;\n  const showProfileUi = showProfile && state.isAuthenticated;\n  const showCreditsUi = showCredits && state.isAuthenticated && state.credits !== undefined;\n  const showActions =\n    showThemeSwitcher ||\n    showProfileUi ||\n    showCreditsUi ||\n    !!feedbackUrl ||\n    !!actionsStart ||\n    !!actionsEnd;\n\n  return (\n    <HeaderBar className={className}>\n      <HeaderLogo brand={brand} href={logoHref} />\n      {/* Page title — 20px (gap-5) from the logo. */}\n      {pageTitle && (\n        <span data-slot=\"header-title\" className=\"ml-5 font-semibold text-primary-txt text-sm\">\n          {pageTitle}\n        </span>\n      )}\n      {logoAddon}\n\n      {showOrgUi && <OrgPill name={state.organizationName} loading={state.isOrgLoading} />}\n\n      {showProjectUi && state.projectDropdownVisible && (\n        <div className=\"ml-2\">\n          <ProjectPicker\n            projectsTree={state.projectsTree}\n            selectedProjectId={state.selectedProjectId}\n            selectedProjectName={state.selectedProjectName}\n            onSelect={state.selectProject}\n            projectLabel={DEFAULT_LABELS.projectLabel}\n            projectPlaceholder={DEFAULT_LABELS.projectPlaceholder}\n            searchPlaceholder={DEFAULT_LABELS.searchPlaceholder}\n            emptyStateText={DEFAULT_LABELS.emptyStateText}\n            isLoading={state.isProjectsLoading}\n          />\n        </div>\n      )}\n\n      {showActions && (\n        <div className=\"ml-auto flex items-center gap-2\">\n          {actionsStart}\n          {feedbackUrl && (\n            <Button variant=\"ghost\" size=\"icon\" asChild>\n              <a\n                href={feedbackUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                aria-label=\"Share feedback\"\n              >\n                <MessageSquareShare className=\"size-4\" />\n              </a>\n            </Button>\n          )}\n          {showThemeSwitcher && <ThemeToggle />}\n          {showCreditsUi && state.credits !== undefined && (\n            <a\n              href={state.creditsHref}\n              aria-label=\"View credit activity\"\n              className=\"rounded-full outline-none focus-visible:ring-3 focus-visible:ring-focus\"\n            >\n              <Credits value={state.credits} />\n            </a>\n          )}\n          {showProfileUi && <ProfileMenu email={state.userEmail} onLogout={state.logout} />}\n          {actionsEnd}\n        </div>\n      )}\n    </HeaderBar>\n  );\n}\n"],"mappings":"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"}

package/dist/Header.js

@@ -1,4 +1,5 @@
 import { t as cn } from "./cn.js";
+import { t as Icon } from "./Icon.js";
 import { Button } from "./primitives/Button/index.js";
 import { Avatar, AvatarFallback } from "./primitives/Avatar/index.js";
 import { Credits } from "./primitives/Credits/index.js";
@@ -9,8 +10,8 @@ import { Popover, PopoverContent, PopoverTrigger } from "./primitives/Popover/in
 import { Skeleton } from "./primitives/Skeleton/index.js";
 import { useTheme } from "./primitives/ThemeProvider/index.js";
 import * as React from "react";
-import { Check, ChevronDown, ChevronRight, LogOut, MessageSquareShare, Moon, Search, Sun } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown, ChevronRight, LogOut, MessageSquareShare, Moon, Search, Sun } from "lucide-react";
 import { QueryClient, QueryClientProvider, useQuery } from "@tanstack/react-query";
 //#region src/patterns/Header/project-tree.ts
 /** True when a node with the given id exists anywhere in the tree. */
@@ -74,7 +75,10 @@ function ProjectPicker({ projectsTree, selectedProjectId, selectedProjectName, o
 				children: [projectLabel, ":"]
 			}),
 			/* @__PURE__ */ jsx(Skeleton, { className: "h-3 flex-1" }),
-			/* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-txt opacity-40" })
+			/* @__PURE__ */ jsx(Icon, {
+				as: ChevronDown,
+				className: "size-4 shrink-0 text-muted-txt opacity-40"
+			})
 		]
 	});
 	return /* @__PURE__ */ jsxs(Popover, {
@@ -95,7 +99,10 @@ function ProjectPicker({ projectsTree, selectedProjectId, selectedProjectName, o
 					className: cn("max-w-36 truncate", selectedName ? "font-medium" : "text-muted-txt"),
 					children: selectedName ?? projectPlaceholder
 				}),
-				/* @__PURE__ */ jsx(ChevronDown, { className: "ml-1 size-4 shrink-0 text-muted-txt" })
+				/* @__PURE__ */ jsx(Icon, {
+					as: ChevronDown,
+					className: "ml-1 size-4 shrink-0 text-muted-txt"
+				})
 			]
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			align: "start",
@@ -106,7 +113,10 @@ function ProjectPicker({ projectsTree, selectedProjectId, selectedProjectName, o
 				className: "border-b p-2",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ jsx(Search, { className: "absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-txt" }), /* @__PURE__ */ jsx(Input, {
+					children: [/* @__PURE__ */ jsx(Icon, {
+						as: Search,
+						className: "absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-txt"
+					}), /* @__PURE__ */ jsx(Input, {
 						size: "sm",
 						className: "pl-8",
 						placeholder: searchPlaceholder,
@@ -148,7 +158,13 @@ function TreeNode({ node, depth, selectedId, onSelect, collapsedIds, onToggleCol
 					"aria-label": isCollapsed ? `Expand ${node.name}` : `Collapse ${node.name}`,
 					onClick: () => onToggleCollapse(node.id),
 					className: "shrink-0 text-muted-txt hover:text-primary-txt",
-					children: isCollapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })
+					children: isCollapsed ? /* @__PURE__ */ jsx(Icon, {
+						as: ChevronRight,
+						className: "size-3.5"
+					}) : /* @__PURE__ */ jsx(Icon, {
+						as: ChevronDown,
+						className: "size-3.5"
+					})
 				}) : /* @__PURE__ */ jsx("span", { className: "inline-block w-3.5 shrink-0" }),
 				node.isContextOnly ? /* @__PURE__ */ jsx("span", {
 					className: "flex-1 text-left",
@@ -159,7 +175,10 @@ function TreeNode({ node, depth, selectedId, onSelect, collapsedIds, onToggleCol
 					className: "flex-1 text-left",
 					children: node.name
 				}),
-				isSelected && /* @__PURE__ */ jsx(Check, { className: "ml-auto size-3.5 shrink-0 text-primary" })
+				isSelected && /* @__PURE__ */ jsx(Icon, {
+					as: Check,
+					className: "ml-auto size-3.5 shrink-0 text-primary"
+				})
 			]
 		}), !isCollapsed && hasChildren && /* @__PURE__ */ jsx("div", {
 			role: "group",
@@ -186,12 +205,12 @@ const DEFAULT_LABELS = {
 	profileMenuLabel: "Profile menu",
 	logoutLabel: "Logout"
 };
-//#endregion
-//#region src/patterns/Header/api.ts
+/** Hard cap on project pages fetched — guards against a runaway loop. */
+const PROJECTS_MAX_PAGES = 40;
 const PATHS = {
 	token: "/api/v1/studio-auth/sessions/token",
 	logout: "/api/v1/studio-auth/sessions/logout",
-	projects: (clientId) => `/api/v1/client-projects/getAllProjects?limit=50&page=1&sort=name&sortOrder=ASC&clientId=${encodeURIComponent(clientId)}&metaData=true`,
+	projects: (clientId) => `/save/api/v1/client-projects/getAllProjects?limit=50&page=1&sort=name&sortOrder=ASC&clientId=${encodeURIComponent(clientId)}&metaData=true`,
 	credits: "/save/api/v1/users"
 };
 /** Join a base URL and path without doubling slashes. */
@@ -212,16 +231,77 @@ async function fetchToken(endpoints, fetcher) {
 	const { accessToken } = await res.json();
 	return accessToken;
 }
+/**
+* Return `url` with the `page` query param set to the given page (and `limit`
+* backfilled when absent). Pagination stays owned by the header: host-provided
+* endpoint URLs don't need — and can't break — the paging params. Handles
+* absolute and relative URLs.
+*/
+function withPageParam(url, page) {
+	const isAbsolute = /^[a-z][a-z0-9+.-]*:\/\//i.test(url);
+	try {
+		const u = new URL(url, isAbsolute ? void 0 : "http://relative.invalid");
+		u.searchParams.set("page", String(page));
+		if (!u.searchParams.has("limit")) u.searchParams.set("limit", String(50));
+		return isAbsolute ? u.toString() : `${u.pathname}${u.search}${u.hash}`;
+	} catch {
+		return url;
+	}
+}
+/** The `limit` query param already on a URL, else the default page size. */
+function readLimitParam(url) {
+	try {
+		const limit = Number(new URL(url, "http://relative.invalid").searchParams.get("limit"));
+		return Number.isInteger(limit) && limit > 0 ? limit : 50;
+	} catch {
+		return 50;
+	}
+}
+/** Total node count in a tree page (roots + descendants). */
+function countNodes(tree) {
+	return tree.reduce((sum, node) => sum + 1 + countNodes(node.children ?? []), 0);
+}
+/**
+* Merge a page's tree into the accumulated tree. Nodes repeated across pages
+* (e.g. a context-only ancestor whose children span a page boundary) are
+* merged by id instead of duplicated.
+*/
+function mergeTrees(into, page) {
+	for (const node of page) {
+		const existing = into.find((n) => n.id === node.id);
+		if (existing) mergeTrees(existing.children, node.children ?? []);
+		else into.push({
+			...node,
+			children: [...node.children ?? []]
+		});
+	}
+}
+/**
+* Fetch ALL pages of the paginated projects endpoint and merge them into a
+* single tree, so users with more projects than one page still see everything.
+* The response carries no pagination metadata, so the first page that comes
+* back with fewer than `limit` nodes is treated as the last one.
+*/
 async function fetchProjects(endpoints, clientId, accessToken, fetcher) {
-	const res = await fetcher(endpoints.projects(clientId), {
-		credentials: "include",
-		headers: { Authorization: `Bearer ${accessToken}` }
-	});
-	if (!res.ok) throw new Error(`projects request failed: ${res.status}`);
-	const data = await res.json();
+	const projectsTree = [];
+	let organizationName;
+	const baseUrl = endpoints.projects(clientId);
+	const pageLimit = readLimitParam(baseUrl);
+	for (let page = 1; page <= PROJECTS_MAX_PAGES; page++) {
+		const res = await fetcher(withPageParam(baseUrl, page), {
+			credentials: "include",
+			headers: { Authorization: `Bearer ${accessToken}` }
+		});
+		if (!res.ok) throw new Error(`projects request failed: ${res.status}`);
+		const body = await res.json();
+		const pageTree = body.response?.data?.projectsTree ?? [];
+		mergeTrees(projectsTree, pageTree);
+		organizationName ??= body.response?.data?.organization?.name;
+		if (countNodes(pageTree) < pageLimit) break;
+	}
 	return {
-		projectsTree: data.response?.data?.projectsTree ?? [],
-		organizationName: data.response?.data?.organization?.name
+		projectsTree,
+		organizationName
 	};
 }
 async function fetchCredits(endpoints, accessToken, fetcher) {
@@ -246,6 +326,7 @@ async function callLogout(endpoints, fetcher) {
 //#region src/patterns/Header/storage.ts
 const PROJECT_KEY = "ds-header-project";
 const LAST_PROJECT_KEY = "lastSelectedProject";
+const PROJECTS_CACHE_KEY = "ds-header-projects-cache";
 function getStoredProject() {
 	try {
 		const raw = sessionStorage.getItem(PROJECT_KEY);
@@ -278,6 +359,38 @@ function setLastSelectedProject(project) {
 		localStorage.setItem(LAST_PROJECT_KEY, JSON.stringify(project));
 	} catch {}
 }
+function projectsCacheKey(clientId, userId) {
+	return `${PROJECTS_CACHE_KEY}:${clientId}:${userId}`;
+}
+/** The session-cached projects result for this client + user, or null on miss. */
+function getCachedProjects(clientId, userId) {
+	try {
+		const raw = sessionStorage.getItem(projectsCacheKey(clientId, userId));
+		if (!raw) return null;
+		const cached = JSON.parse(raw);
+		if (!Array.isArray(cached.projectsTree)) return null;
+		return {
+			projectsTree: cached.projectsTree,
+			organizationName: cached.organizationName
+		};
+	} catch {
+		return null;
+	}
+}
+function setCachedProjects(clientId, userId, data) {
+	try {
+		sessionStorage.setItem(projectsCacheKey(clientId, userId), JSON.stringify(data));
+	} catch {}
+}
+/** Drop every cached projects entry (all clients/users) — used on logout. */
+function clearCachedProjects() {
+	try {
+		for (let i = sessionStorage.length - 1; i >= 0; i--) {
+			const key = sessionStorage.key(i);
+			if (key?.startsWith(PROJECTS_CACHE_KEY)) sessionStorage.removeItem(key);
+		}
+	} catch {}
+}
 //#endregion
 //#region src/patterns/Header/header-store.ts
 function initialState() {
@@ -461,7 +574,7 @@ function isSessionValid(environmentId) {
 const TOGGLE_PROJECT_DROPDOWN_EVENT = "toggle-project-dropdown";
 const DEFAULT_STALE_TIME = 5 * 6e4;
 const DEFAULT_GC_TIME = 10 * 6e4;
-function useGlobalHeader({ apiBaseUrl, environmentId, clientId, _dangerouslyInjectAccessToken: injectedToken, showProjectDropdown = false, showProfile = false, showOrg = false, showCredits = false, endpoints: endpointOverrides, fetcher: fetcherProp, staleTime = DEFAULT_STALE_TIME, gcTime = DEFAULT_GC_TIME, onProjectChange }) {
+function useGlobalHeader({ apiBaseUrl, environmentId, clientId, defaultProjectId, _dangerouslyInjectAccessToken: injectedToken, showProjectDropdown = false, showProfile = false, showOrg = false, showCredits = false, endpoints: endpointOverrides, fetcher: fetcherProp, staleTime = DEFAULT_STALE_TIME, gcTime = DEFAULT_GC_TIME, onProjectChange }) {
 	const fetcher = React.useMemo(() => fetcherProp ?? ((input, init) => fetch(input, init)), [fetcherProp]);
 	const endpoints = React.useMemo(() => buildEndpoints(apiBaseUrl, endpointOverrides), [apiBaseUrl, endpointOverrides]);
 	const isAuthenticated = isSessionValid(environmentId);
@@ -479,15 +592,25 @@ function useGlobalHeader({ apiBaseUrl, environmentId, clientId, _dangerouslyInje
 	});
 	const token = injectedToken ?? tokenQuery.data;
 	const effectiveClientId = clientId ?? claims?.clientId;
+	const wantsProjects = showProjectDropdown || showOrg;
+	const userId = claims?.userId ?? "";
 	const projectsQuery = useQuery({
 		queryKey: [
 			"ds-header",
 			"projects",
 			effectiveClientId,
+			userId,
 			token
 		],
-		queryFn: () => fetchProjects(endpoints, effectiveClientId, token, fetcher),
-		enabled: isAuthenticated && !!token && !!effectiveClientId && (showProjectDropdown || showOrg),
+		queryFn: async () => {
+			const id = effectiveClientId;
+			const cached = getCachedProjects(id, userId);
+			if (cached) return cached;
+			const fresh = await fetchProjects(endpoints, id, token, fetcher);
+			setCachedProjects(id, userId, fresh);
+			return fresh;
+		},
+		enabled: isAuthenticated && !!token && !!effectiveClientId && wantsProjects,
 		staleTime,
 		gcTime
 	});
@@ -532,6 +655,9 @@ function useGlobalHeader({ apiBaseUrl, environmentId, clientId, _dangerouslyInje
 			const fallback = last && nodeExistsInTree(tree, last.id) ? {
 				id: last.id,
 				name: findProjectName(tree, last.id) ?? last.name
+			} : defaultProjectId && nodeExistsInTree(tree, defaultProjectId) ? {
+				id: defaultProjectId,
+				name: findProjectName(tree, defaultProjectId) ?? ""
 			} : firstSelectableProject(tree);
 			if (fallback) {
 				headerStore.setProject(fallback.id, fallback.name, effectiveClientId, { remember: false });
@@ -539,7 +665,11 @@ function useGlobalHeader({ apiBaseUrl, environmentId, clientId, _dangerouslyInje
 			} else if (id) headerStore.clearProject();
 		}
 		headerStore.setOrganization(projectsQuery.data.organizationName, effectiveClientId);
-	}, [projectsQuery.data, effectiveClientId]);
+	}, [
+		projectsQuery.data,
+		effectiveClientId,
+		defaultProjectId
+	]);
 	React.useEffect(() => {
 		if (creditsQuery.data !== void 0) headerStore.setCredits(creditsQuery.data);
 	}, [creditsQuery.data]);
@@ -550,6 +680,7 @@ function useGlobalHeader({ apiBaseUrl, environmentId, clientId, _dangerouslyInje
 	};
 	const logout = () => {
 		headerStore.clearProject();
+		clearCachedProjects();
 		callLogout(endpoints, fetcher);
 	};
 	const [projectDropdownVisible, setProjectDropdownVisible] = React.useState(showProjectDropdown);