@psnext/design-system 2.0.0 → 2.1.0

package/dist/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["PILL"],"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/** 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  overlayTitle: \"Select a Project\",\n  overlayDescription: \"Choose a project to get started. You can change it anytime from the header.\",\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  me: \"/api/v1/onboarding/users/me\",\n  logout: \"/api/v1/studio-auth/sessions/logout\",\n  projects: (clientId: string) => `/api/v1/onboarding/organization/${clientId}/projects`,\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    me: overrides?.me ?? join(apiBaseUrl, PATHS.me),\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 MeResponse = { email: string; clientId: string };\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 fetchMe(\n  endpoints: HeaderEndpoints,\n  accessToken: string,\n  fetcher: Fetcher,\n): Promise<MeResponse> {\n  const res = await fetcher(endpoints.me, {\n    credentials: \"include\",\n    headers: { Authorization: `Bearer ${accessToken}` },\n  });\n  if (!res.ok) throw new Error(`me request failed: ${res.status}`);\n  const body = (await res.json()) as ApiEnvelope<MeResponse>;\n  const data = body.response?.data;\n  if (!data) throw new Error(\"me response missing data\");\n  return data;\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.\n\nconst PROJECT_KEY = \"ds-header-project\";\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","\"use client\";\n\nimport * as React from \"react\";\n\nimport { clearStoredProject, getStoredProject, setStoredProject } 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  /** Set the selected project. `name` is best-effort; the Header backfills it from the tree. */\n  setProject(id: string, name = \"\", clientId?: string) {\n    if (id) setStoredProject({ id, name, clientId: clientId ?? state.clientId });\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 the active project (e.g. to re-prompt selection). */\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/** 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 {\n  buildEndpoints,\n  callLogout,\n  fetchCredits,\n  fetchMe,\n  fetchProjects,\n  fetchToken,\n} from \"./api\";\nimport { headerStore, useHeaderStore } from \"./header-store\";\nimport { findProjectName, nodeExistsInTree } from \"./project-tree\";\nimport { isSessionValid } from \"./session\";\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  /** True when the dropdown is on, the user is in, but no project is chosen yet. */\n  showOverlay: 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  const isAuthenticated = isSessionValid(environmentId);\n\n  // token → me → projects, each 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 wantsUser = showProfile || showProjectDropdown || showOrg;\n  const meQuery = useQuery({\n    queryKey: [\"ds-header\", \"me\", endpoints.me, token],\n    queryFn: () => fetchMe(endpoints, token as string, fetcher),\n    enabled: isAuthenticated && !!token && wantsUser,\n    staleTime,\n    gcTime,\n  });\n\n  const effectiveClientId = clientId ?? meQuery.data?.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 ? meQuery.data?.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  // 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  // (drop one that no longer exists; fill in its name from the tree).\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      headerStore.clearProject();\n    } else if (id) {\n      const name = findProjectName(tree, id);\n      if (name && name !== headerStore.getSnapshot().selectedProjectName) {\n        headerStore.setProject(id, name, effectiveClientId);\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    showOverlay: isAuthenticated && projectDropdownVisible && !selection.selectedProjectId,\n    selectProject,\n    logout,\n  };\n}\n","\"use client\";\n\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { FolderOpen, LogOut, MessageSquareShare, Moon, Sun, X } 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, ProjectNode } from \"./types\";\nimport { useGlobalHeader } from \"./use-global-header\";\n\n// Where each product logo links to.\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 }: { brand: ThemeProduct }) {\n  return (\n    <a 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  showOrg = false,\n  showProjectDropdown = false,\n  showProfile = false,\n  showThemeSwitcher = false,\n  showCredits = false,\n  pageTitle,\n  feedbackUrl,\n  logoAddon,\n  className,\n  onCloseProjectOverlay,\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 = showThemeSwitcher || showProfileUi || showCreditsUi || !!feedbackUrl;\n\n  return (\n    <>\n      <HeaderBar className={className}>\n        <HeaderLogo brand={brand} />\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            {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          </div>\n        )}\n      </HeaderBar>\n\n      {showProjectUi && state.showOverlay && (\n        <ProjectOverlay\n          organizationName={state.organizationName}\n          projectsTree={state.projectsTree}\n          selectedProjectId={state.selectedProjectId}\n          onSelect={state.selectProject}\n          isLoading={state.isProjectsLoading}\n          onClose={onCloseProjectOverlay}\n        />\n      )}\n    </>\n  );\n}\n\n// First-run blocking overlay prompting a project selection.\nfunction ProjectOverlay({\n  organizationName,\n  projectsTree,\n  selectedProjectId,\n  onSelect,\n  isLoading,\n  onClose,\n}: {\n  organizationName?: string;\n  projectsTree: ProjectNode[];\n  selectedProjectId: string;\n  onSelect: (id: string) => void;\n  isLoading: boolean;\n  onClose?: () => void;\n}) {\n  return (\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={DEFAULT_LABELS.overlayTitle}\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-primary-bg/80 backdrop-blur-sm\"\n    >\n      <div className=\"relative mx-1 flex w-full max-w-md flex-col items-center gap-6 rounded-16 border bg-glass-none-bg p-2 text-primary-txt shadow-xl\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onClose ?? (() => window.history.back())}\n          className=\"absolute top-4 right-4\"\n          aria-label=\"Close\"\n        >\n          <X className=\"size-5\" />\n        </Button>\n        <div className=\"flex flex-col items-center gap-3 text-center\">\n          <div className=\"rounded-full bg-primary/10 p-4\">\n            <FolderOpen className=\"size-8 text-primary\" />\n          </div>\n          <h2 className=\"font-semibold text-primary-txt text-xl\">{DEFAULT_LABELS.overlayTitle}</h2>\n          <p className=\"text-muted-txt text-sm\">{DEFAULT_LABELS.overlayDescription}</p>\n        </div>\n        <div className=\"flex w-full justify-center gap-2\">\n          {organizationName && (\n            <div className={cn(PILL, \"select-none\")} title={organizationName}>\n              <span className=\"shrink-0 text-muted-txt\">{DEFAULT_LABELS.orgLabel}:</span>\n              <span className=\"max-w-52 truncate font-medium\">{organizationName}</span>\n            </div>\n          )}\n          <ProjectPicker\n            projectsTree={projectsTree}\n            selectedProjectId={selectedProjectId}\n            onSelect={onSelect}\n            projectLabel={DEFAULT_LABELS.projectLabel}\n            projectPlaceholder={DEFAULT_LABELS.projectPlaceholder}\n            searchPlaceholder={DEFAULT_LABELS.searchPlaceholder}\n            emptyStateText={DEFAULT_LABELS.emptyStateText}\n            isLoading={isLoading}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Header.js","names":["PILL"],"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/** 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  overlayTitle: \"Select a Project\",\n  overlayDescription: \"Choose a project to get started. You can change it anytime from the header.\",\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  me: \"/api/v1/onboarding/users/me\",\n  logout: \"/api/v1/studio-auth/sessions/logout\",\n  projects: (clientId: string) => `/api/v1/onboarding/organization/${clientId}/projects`,\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    me: overrides?.me ?? join(apiBaseUrl, PATHS.me),\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 MeResponse = { email: string; clientId: string };\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 fetchMe(\n  endpoints: HeaderEndpoints,\n  accessToken: string,\n  fetcher: Fetcher,\n): Promise<MeResponse> {\n  const res = await fetcher(endpoints.me, {\n    credentials: \"include\",\n    headers: { Authorization: `Bearer ${accessToken}` },\n  });\n  if (!res.ok) throw new Error(`me request failed: ${res.status}`);\n  const body = (await res.json()) as ApiEnvelope<MeResponse>;\n  const data = body.response?.data;\n  if (!data) throw new Error(\"me response missing data\");\n  return data;\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.\n\nconst PROJECT_KEY = \"ds-header-project\";\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","\"use client\";\n\nimport * as React from \"react\";\n\nimport { clearStoredProject, getStoredProject, setStoredProject } 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  /** Set the selected project. `name` is best-effort; the Header backfills it from the tree. */\n  setProject(id: string, name = \"\", clientId?: string) {\n    if (id) setStoredProject({ id, name, clientId: clientId ?? state.clientId });\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 the active project (e.g. to re-prompt selection). */\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/** 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 {\n  buildEndpoints,\n  callLogout,\n  fetchCredits,\n  fetchMe,\n  fetchProjects,\n  fetchToken,\n} from \"./api\";\nimport { headerStore, useHeaderStore } from \"./header-store\";\nimport { findProjectName, nodeExistsInTree } from \"./project-tree\";\nimport { isSessionValid } from \"./session\";\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  /** True when the dropdown is on, the user is in, but no project is chosen yet. */\n  showOverlay: 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  const isAuthenticated = isSessionValid(environmentId);\n\n  // token → me → projects, each 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 wantsUser = showProfile || showProjectDropdown || showOrg;\n  const meQuery = useQuery({\n    queryKey: [\"ds-header\", \"me\", endpoints.me, token],\n    queryFn: () => fetchMe(endpoints, token as string, fetcher),\n    enabled: isAuthenticated && !!token && wantsUser,\n    staleTime,\n    gcTime,\n  });\n\n  const effectiveClientId = clientId ?? meQuery.data?.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 ? meQuery.data?.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  // 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  // (drop one that no longer exists; fill in its name from the tree).\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      headerStore.clearProject();\n    } else if (id) {\n      const name = findProjectName(tree, id);\n      if (name && name !== headerStore.getSnapshot().selectedProjectName) {\n        headerStore.setProject(id, name, effectiveClientId);\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    showOverlay: isAuthenticated && projectDropdownVisible && !selection.selectedProjectId,\n    selectProject,\n    logout,\n  };\n}\n","\"use client\";\n\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { FolderOpen, LogOut, MessageSquareShare, Moon, Sun, X } 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, ProjectNode } 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  className,\n  onCloseProjectOverlay,\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 = showThemeSwitcher || showProfileUi || showCreditsUi || !!feedbackUrl;\n\n  return (\n    <>\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            {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          </div>\n        )}\n      </HeaderBar>\n\n      {showProjectUi && state.showOverlay && (\n        <ProjectOverlay\n          organizationName={state.organizationName}\n          projectsTree={state.projectsTree}\n          selectedProjectId={state.selectedProjectId}\n          onSelect={state.selectProject}\n          isLoading={state.isProjectsLoading}\n          onClose={onCloseProjectOverlay}\n        />\n      )}\n    </>\n  );\n}\n\n// First-run blocking overlay prompting a project selection.\nfunction ProjectOverlay({\n  organizationName,\n  projectsTree,\n  selectedProjectId,\n  onSelect,\n  isLoading,\n  onClose,\n}: {\n  organizationName?: string;\n  projectsTree: ProjectNode[];\n  selectedProjectId: string;\n  onSelect: (id: string) => void;\n  isLoading: boolean;\n  onClose?: () => void;\n}) {\n  return (\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={DEFAULT_LABELS.overlayTitle}\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-primary-bg/80 backdrop-blur-sm\"\n    >\n      <div className=\"relative mx-1 flex w-full max-w-md flex-col items-center gap-6 rounded-16 border bg-glass-none-bg p-2 text-primary-txt shadow-xl\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onClose ?? (() => window.history.back())}\n          className=\"absolute top-4 right-4\"\n          aria-label=\"Close\"\n        >\n          <X className=\"size-5\" />\n        </Button>\n        <div className=\"flex flex-col items-center gap-3 text-center\">\n          <div className=\"rounded-full bg-primary/10 p-4\">\n            <FolderOpen className=\"size-8 text-primary\" />\n          </div>\n          <h2 className=\"font-semibold text-primary-txt text-xl\">{DEFAULT_LABELS.overlayTitle}</h2>\n          <p className=\"text-muted-txt text-sm\">{DEFAULT_LABELS.overlayDescription}</p>\n        </div>\n        <div className=\"flex w-full justify-center gap-2\">\n          {organizationName && (\n            <div className={cn(PILL, \"select-none\")} title={organizationName}>\n              <span className=\"shrink-0 text-muted-txt\">{DEFAULT_LABELS.orgLabel}:</span>\n              <span className=\"max-w-52 truncate font-medium\">{organizationName}</span>\n            </div>\n          )}\n          <ProjectPicker\n            projectsTree={projectsTree}\n            selectedProjectId={selectedProjectId}\n            onSelect={onSelect}\n            projectLabel={DEFAULT_LABELS.projectLabel}\n            projectPlaceholder={DEFAULT_LABELS.projectPlaceholder}\n            searchPlaceholder={DEFAULT_LABELS.searchPlaceholder}\n            emptyStateText={DEFAULT_LABELS.emptyStateText}\n            isLoading={isLoading}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime310 from "react/jsx-runtime";
 import { Accordion } from "radix-ui";
 
 //#region src/primitives/Accordion/Accordion.d.ts
@@ -10,24 +10,24 @@ declare function Accordion$1({
 }: React.ComponentProps<typeof Accordion.Root> & {
   /** Visual style: `line` (divider rows) or `bordered` (rounded border with inset rows). */
   variant?: "line" | "bordered";
-}): react_jsx_runtime43.JSX.Element;
+}): react_jsx_runtime310.JSX.Element;
 /** A single collapsible section; identified by its required `value`. */
 declare function AccordionItem({
   className,
   ...props
-}: React.ComponentProps<typeof Accordion.Item>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof Accordion.Item>): react_jsx_runtime310.JSX.Element;
 /** The clickable header that toggles its section open or closed. */
 declare function AccordionTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Accordion.Trigger>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof Accordion.Trigger>): react_jsx_runtime310.JSX.Element;
 /** The animated collapsible panel revealed when its section is open. */
 declare function AccordionContent({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Accordion.Content>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof Accordion.Content>): react_jsx_runtime310.JSX.Element;
 //#endregion
 export { AccordionTrigger as i, AccordionContent as n, AccordionItem as r, Accordion$1 as t };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../src/primitives/Accordion/Accordion.tsx"],"mappings":";;;;;iBAKS,WAAA;;;;GAIN,KAAA,CAAM,sBAAsB,SAAA,CAAmB;;EAJzC,OAAA,CAAA,EAAA,MAAS,GAAA,UAAA;CAAA,CAAA,EAOjB,mBAAA,CAAA,GAAA,CAAA,OAPiB;;iBAyBT,aAAA,CAvBP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0BC,KAAA,CAAM,cA1BP,CAAA,OA0B6B,SAAA,CAAmB,IA1BhD,CAAA,CAAA,EA0BqD,mBAAA,CAAA,GAAA,CAAA,OA1BrD;;iBAwCO,gBAAA,CAtCA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0CN,KAAA,CAAM,cA1CA,CAAA,OA0CsB,SAAA,CAAmB,OA1CzC,CAAA,CAAA,EA0CiD,mBAAA,CAAA,GAAA,CAAA,OA1CjD;;AAGR,iBA2DQ,gBAAA,CA3DR;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA+DE,KAAA,CAAM,cA/DR,CAAA,OA+D8B,SAAA,CAAmB,OA/DjD,CAAA,CAAA,EA+DyD,mBAAA,CAAA,GAAA,CAAA,OA/DzD"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/primitives/Accordion/Accordion.tsx"],"mappings":";;;;;iBAKS,WAAA;;;;GAIN,KAAA,CAAM,sBAAsB,SAAA,CAAmB;;EAJzC,OAAA,CAAA,EAAA,MAAS,GAAA,UAAA;CAAA,CAAA,EAOjB,oBAAA,CAAA,GAAA,CAAA,OAPiB;;iBAyBT,aAAA,CAvBP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0BC,KAAA,CAAM,cA1BP,CAAA,OA0B6B,SAAA,CAAmB,IA1BhD,CAAA,CAAA,EA0BqD,oBAAA,CAAA,GAAA,CAAA,OA1BrD;;iBAwCO,gBAAA,CAtCA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0CN,KAAA,CAAM,cA1CA,CAAA,OA0CsB,SAAA,CAAmB,OA1CzC,CAAA,CAAA,EA0CiD,oBAAA,CAAA,GAAA,CAAA,OA1CjD;;AAGR,iBA2DQ,gBAAA,CA3DR;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA+DE,KAAA,CAAM,cA/DR,CAAA,OA+D8B,SAAA,CAAmB,OA/DjD,CAAA,CAAA,EA+DyD,oBAAA,CAAA,GAAA,CAAA,OA/DzD"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Accordion } from "radix-ui";
-import * as react_jsx_runtime186 from "react/jsx-runtime";
+import * as react_jsx_runtime322 from "react/jsx-runtime";
 
 //#region src/primitives/Accordion/Accordion.d.ts
 /** A vertically stacked set of collapsible sections built on Radix Accordion. */
@@ -10,24 +10,24 @@ declare function Accordion$1({
 }: React.ComponentProps<typeof Accordion.Root> & {
   /** Visual style: `line` (divider rows) or `bordered` (rounded border with inset rows). */
   variant?: "line" | "bordered";
-}): react_jsx_runtime186.JSX.Element;
+}): react_jsx_runtime322.JSX.Element;
 /** A single collapsible section; identified by its required `value`. */
 declare function AccordionItem({
   className,
   ...props
-}: React.ComponentProps<typeof Accordion.Item>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof Accordion.Item>): react_jsx_runtime322.JSX.Element;
 /** The clickable header that toggles its section open or closed. */
 declare function AccordionTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Accordion.Trigger>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof Accordion.Trigger>): react_jsx_runtime322.JSX.Element;
 /** The animated collapsible panel revealed when its section is open. */
 declare function AccordionContent({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Accordion.Content>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof Accordion.Content>): react_jsx_runtime322.JSX.Element;
 //#endregion
 export { AccordionTrigger as i, AccordionContent as n, AccordionItem as r, Accordion$1 as t };
 //# sourceMappingURL=index.d.ts.map

package/dist/index10.d.cts

@@ -1,12 +1,12 @@
 import { t as Separator } from "./index9.cjs";
-import * as react_jsx_runtime244 from "react/jsx-runtime";
-import * as class_variance_authority_types23 from "class-variance-authority/types";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/primitives/ButtonGroup/ButtonGroup.d.ts
 declare const buttonGroupVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types23.ClassProp) | undefined) => string;
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** Props for the {@link ButtonGroup} container. */
 type ButtonGroupProps = React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
 /** Groups related buttons into a single attached unit with merged borders and shared corners. */
@@ -15,7 +15,7 @@ declare function ButtonGroup({
   /** Lays the group out left-to-right (`horizontal`, default) or stacked (`vertical`). */
   orientation,
   ...props
-}: ButtonGroupProps): react_jsx_runtime244.JSX.Element;
+}: ButtonGroupProps): react_jsx_runtime2.JSX.Element;
 /** A non-interactive label/affix segment styled to sit inline with the grouped buttons. */
 declare function ButtonGroupText({
   className,
@@ -25,14 +25,14 @@ declare function ButtonGroupText({
 }: React.ComponentProps<"div"> & {
   /** Renders into the child element via Radix `Slot` instead of a wrapping `div`. */
   asChild?: boolean;
-}): react_jsx_runtime244.JSX.Element;
+}): react_jsx_runtime2.JSX.Element;
 /** A divider between segments inside a {@link ButtonGroup}, defaulting to a vertical rule. */
 declare function ButtonGroupSeparator({
   className,
   /** Divider direction; defaults to `vertical` to split horizontally-laid buttons. */
   orientation,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime244.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
 //# sourceMappingURL=index10.d.cts.map

package/dist/index10.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index10.d.cts","names":[],"sources":["../src/primitives/ButtonGroup/ButtonGroup.tsx"],"mappings":";;;;;;cAMM;;IAeL,gCAAA,CAAA;;AAlBkD,KAqB9C,gBAAA,GAAmB,KAAA,CAAM,cAH7B,CAAA,KAAA,CAAA,GAGqD,YAHrD,CAAA,OAGyE,mBAHzE,CAAA;;iBAMQ,WAAA,CAHY;EAAA,SAAA;;aAAqD;EAAA,GAAA;AAAA,CAAA,EAQvE,gBARuE,CAAA,EAQvD,oBAAA,CAAA,GAAA,CAAA,OARuD;;AAAR,iBAqBzD,eAAA,CArByD;EAAA,SAAA;EAAA;SAG9C;EAAA,GAAA;CAAA,EAuBjB,KAAA,CAAM,cAvBW,CAAA,KAAA,CAAA,GAAA;;SAGlB,CAAA,EAAA,OAAA;IAuBD,oBAAA,CAAA,GAAA,CAAA,OArBE;;AAAgB,iBAoCV,oBAAA,CApCU;EAAA,SAAA;EAAA;aAaK;EAAA,GAAA;AAAA,CAAA,EA4BrB,KAAA,CAAM,cA5Be,CAAA,OA4BO,SA5BP,CAAA,CAAA,EA4BiB,oBAAA,CAAA,GAAA,CAAA,OA5BjB"}
+{"version":3,"file":"index10.d.cts","names":[],"sources":["../src/primitives/ButtonGroup/ButtonGroup.tsx"],"mappings":";;;;;;cAMM;;IAeL,+BAAA,CAAA;;AAlBkD,KAqB9C,gBAAA,GAAmB,KAAA,CAAM,cAH7B,CAAA,KAAA,CAAA,GAGqD,YAHrD,CAAA,OAGyE,mBAHzE,CAAA;;iBAMQ,WAAA,CAHY;EAAA,SAAA;;aAAqD;EAAA,GAAA;AAAA,CAAA,EAQvE,gBARuE,CAAA,EAQvD,kBAAA,CAAA,GAAA,CAAA,OARuD;;AAAR,iBAqBzD,eAAA,CArByD;EAAA,SAAA;EAAA;SAG9C;EAAA,GAAA;CAAA,EAuBjB,KAAA,CAAM,cAvBW,CAAA,KAAA,CAAA,GAAA;;SAGlB,CAAA,EAAA,OAAA;IAuBD,kBAAA,CAAA,GAAA,CAAA,OArBE;;AAAgB,iBAoCV,oBAAA,CApCU;EAAA,SAAA;EAAA;aAaK;EAAA,GAAA;AAAA,CAAA,EA4BrB,KAAA,CAAM,cA5Be,CAAA,OA4BO,SA5BP,CAAA,CAAA,EA4BiB,kBAAA,CAAA,GAAA,CAAA,OA5BjB"}

package/dist/index10.d.ts

@@ -1,12 +1,12 @@
 import { t as Separator } from "./index9.js";
-import * as react_jsx_runtime168 from "react/jsx-runtime";
+import * as react_jsx_runtime284 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types14 from "class-variance-authority/types";
+import * as class_variance_authority_types26 from "class-variance-authority/types";
 
 //#region src/primitives/ButtonGroup/ButtonGroup.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types14.ClassProp) | undefined) => string;
+} & class_variance_authority_types26.ClassProp) | undefined) => string;
 /** Props for the {@link ButtonGroup} container. */
 type ButtonGroupProps = React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
 /** Groups related buttons into a single attached unit with merged borders and shared corners. */
@@ -15,7 +15,7 @@ declare function ButtonGroup({
   /** Lays the group out left-to-right (`horizontal`, default) or stacked (`vertical`). */
   orientation,
   ...props
-}: ButtonGroupProps): react_jsx_runtime168.JSX.Element;
+}: ButtonGroupProps): react_jsx_runtime284.JSX.Element;
 /** A non-interactive label/affix segment styled to sit inline with the grouped buttons. */
 declare function ButtonGroupText({
   className,
@@ -25,14 +25,14 @@ declare function ButtonGroupText({
 }: React.ComponentProps<"div"> & {
   /** Renders into the child element via Radix `Slot` instead of a wrapping `div`. */
   asChild?: boolean;
-}): react_jsx_runtime168.JSX.Element;
+}): react_jsx_runtime284.JSX.Element;
 /** A divider between segments inside a {@link ButtonGroup}, defaulting to a vertical rule. */
 declare function ButtonGroupSeparator({
   className,
   /** Divider direction; defaults to `vertical` to split horizontally-laid buttons. */
   orientation,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime284.JSX.Element;
 //#endregion
 export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
 //# sourceMappingURL=index10.d.ts.map

package/dist/index11.d.cts

@@ -1,5 +1,5 @@
 import { t as Button } from "./index8.cjs";
-import * as react_jsx_runtime254 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { DayButton, DayPicker } from "react-day-picker";
 
@@ -17,14 +17,14 @@ declare function Calendar({
 }: React.ComponentProps<typeof DayPicker> & {
   /** Button variant used for the previous/next navigation controls. */
   buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): react_jsx_runtime254.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 /** Single day cell button, applying selected/range styling from the day's modifiers. */
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime254.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CalendarDayButton as n, Calendar as t };
 //# sourceMappingURL=index11.d.cts.map

package/dist/index11.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index11.d.cts","names":[],"sources":["../src/primitives/Calendar/Calendar.tsx"],"mappings":";;;;;;;iBAQS,QAAA;;;;;;;;;GASN,KAAA,CAAM,sBAAsB;;EATtB,aAAQ,CAAA,EAWC,KAAA,CAAM,cAXP,CAAA,OAW6B,MAX7B,CAAA,CAAA,SAAA,CAAA;CAAA,CAAA,EAYhB,oBAAA,CAAA,GAAA,CAAA,OAZgB;;iBAsIR,iBAAA,CApIP;EAAA,SAAA;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyIC,KAAA,CAAM,cAzIP,CAAA,OAyI6B,SAzI7B,CAAA,CAAA,EAyIuC,oBAAA,CAAA,GAAA,CAAA,OAzIvC"}
+{"version":3,"file":"index11.d.cts","names":[],"sources":["../src/primitives/Calendar/Calendar.tsx"],"mappings":";;;;;;;iBAQS,QAAA;;;;;;;;;GASN,KAAA,CAAM,sBAAsB;;EATtB,aAAQ,CAAA,EAWC,KAAA,CAAM,cAXP,CAAA,OAW6B,MAX7B,CAAA,CAAA,SAAA,CAAA;CAAA,CAAA,EAYhB,kBAAA,CAAA,GAAA,CAAA,OAZgB;;iBAsIR,iBAAA,CApIP;EAAA,SAAA;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyIC,KAAA,CAAM,cAzIP,CAAA,OAyI6B,SAzI7B,CAAA,CAAA,EAyIuC,kBAAA,CAAA,GAAA,CAAA,OAzIvC"}

package/dist/index11.d.ts

@@ -1,6 +1,6 @@
 import { t as Button } from "./index8.js";
 import * as React from "react";
-import * as react_jsx_runtime159 from "react/jsx-runtime";
+import * as react_jsx_runtime273 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region src/primitives/Calendar/Calendar.d.ts
@@ -17,14 +17,14 @@ declare function Calendar({
 }: React.ComponentProps<typeof DayPicker> & {
   /** Button variant used for the previous/next navigation controls. */
   buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): react_jsx_runtime159.JSX.Element;
+}): react_jsx_runtime273.JSX.Element;
 /** Single day cell button, applying selected/range styling from the day's modifiers. */
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime159.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime273.JSX.Element;
 //#endregion
 export { CalendarDayButton as n, Calendar as t };
 //# sourceMappingURL=index11.d.ts.map

package/dist/index12.d.cts

@@ -1,13 +1,13 @@
-import * as react_jsx_runtime237 from "react/jsx-runtime";
-import * as class_variance_authority_types22 from "class-variance-authority/types";
+import * as react_jsx_runtime326 from "react/jsx-runtime";
+import * as class_variance_authority_types27 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
 //#region src/primitives/Card/Card.d.ts
 declare const cardVariants: (props?: ({
-  variant?: "default" | "glass" | "ai" | "inverted" | "brand" | null | undefined;
-  tint?: "medium" | "light" | "subtle" | "heavy" | null | undefined;
-} & class_variance_authority_types22.ClassProp) | undefined) => string;
+  variant?: "default" | "ai" | "glass" | "inverted" | "brand" | null | undefined;
+  tint?: "subtle" | "medium" | "light" | "heavy" | null | undefined;
+} & class_variance_authority_types27.ClassProp) | undefined) => string;
 type CardProps = React.ComponentProps<"div"> & VariantProps<typeof cardVariants> & {
   /** Surface treatment of the card. Default `default` (solid surface). */
   variant?: VariantProps<typeof cardVariants>["variant"];
@@ -20,7 +20,7 @@ declare function Card({
   variant,
   tint,
   ...props
-}: CardProps): react_jsx_runtime237.JSX.Element;
+}: CardProps): react_jsx_runtime326.JSX.Element;
 declare const cardHeaderAlign: {
   readonly start: "items-start";
   readonly center: "items-center";
@@ -34,28 +34,28 @@ declare function CardHeader({
 }: React.ComponentProps<"div"> & {
   /** Vertical alignment of the header items. Default `center`. */
   align?: keyof typeof cardHeaderAlign;
-}): react_jsx_runtime237.JSX.Element;
+}): react_jsx_runtime326.JSX.Element;
 /** Card heading rendered as an `h4`. Figma binds the body font (Inter Semibold
     16/24), so we override the base heading styles explicitly. */
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime326.JSX.Element;
 /** Muted supporting text shown beneath the title. */
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime326.JSX.Element;
 /** Action slot in the header row, aligned to the end alongside the title. */
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime326.JSX.Element;
 /** Main body region of the card. */
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime326.JSX.Element;
 declare const cardFooterTone: {
   readonly default: "px-6 pb-6 [.border-t]:pt-6";
   readonly brand: "justify-center rounded-b-8 bg-brand-200 px-6 py-3 text-brand-800";
@@ -70,7 +70,7 @@ declare function CardFooter({
 }: React.ComponentProps<"div"> & {
   /** Footer fill. `brand`/`muted` render a full-width tinted band. */
   tone?: keyof typeof cardFooterTone;
-}): react_jsx_runtime237.JSX.Element;
+}): react_jsx_runtime326.JSX.Element;
 //#endregion
 export { CardFooter as a, CardTitle as c, CardDescription as i, cardVariants as l, CardAction as n, CardHeader as o, CardContent as r, CardProps as s, Card as t };
 //# sourceMappingURL=index12.d.cts.map