@psnext/design-system 1.1.0 → 1.2.0

package/dist/patterns/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["PILL"],"sources":["../../src/patterns/DataTable/DataTable.tsx","../../src/patterns/Footer/Footer.tsx","../../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","../../src/patterns/MediaObject/MediaObject.tsx","../../src/patterns/SectionCard/SectionCard.tsx","../../src/patterns/SectionHeading/SectionHeading.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type Column,\n  type ColumnDef,\n  type RowSelectionState,\n  type SortingState,\n  flexRender,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/primitives/Button\";\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from \"@/primitives/Table\";\nimport { cn } from \"@/utils\";\n\ntype DataTableProps<TData, TValue> = {\n  columns: ColumnDef<TData, TValue>[];\n  data: TData[];\n  /** Zebra-stripe the rows (default true). */\n  striped?: boolean;\n  /** Client-side pagination + page size (default true, 10). */\n  enablePagination?: boolean;\n  pageSize?: number;\n};\n\nfunction DataTable<TData, TValue>({\n  columns,\n  data,\n  striped = true,\n  enablePagination = true,\n  pageSize = 10,\n}: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = React.useState<SortingState>([]);\n  const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({});\n\n  const table = useReactTable({\n    data,\n    columns,\n    state: { sorting, rowSelection },\n    onSortingChange: setSorting,\n    onRowSelectionChange: setRowSelection,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: enablePagination ? getPaginationRowModel() : undefined,\n    initialState: { pagination: { pageSize } },\n  });\n\n  return (\n    <div data-slot=\"data-table\" className=\"space-y-4\">\n      <div className=\"overflow-hidden rounded-md border\">\n        <Table striped={striped}>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id} colSpan={header.colSpan}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow key={row.id} data-state={row.getIsSelected() ? \"selected\" : undefined}>\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id}>\n                      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={columns.length}\n                  className=\"h-24 text-center text-muted-foreground\"\n                >\n                  No results.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {enablePagination ? (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\" data-slot=\"data-table-selection\">\n            {table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n            {table.getFilteredRowModel().rows.length} row(s) selected.\n          </p>\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm text-muted-foreground\">\n              Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount() || 1}\n            </span>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => table.previousPage()}\n              disabled={!table.getCanPreviousPage()}\n            >\n              Previous\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => table.nextPage()}\n              disabled={!table.getCanNextPage()}\n            >\n              Next\n            </Button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n// Sortable column header — drop into a column's `header` to get click-to-sort.\nfunction DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: {\n  column: Column<TData, TValue>;\n  title: string;\n  className?: string;\n}) {\n  if (!column.getCanSort()) {\n    return <span className={className}>{title}</span>;\n  }\n\n  const sorted = column.getIsSorted();\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      className={cn(\"-ml-2 h-8\", className)}\n      onClick={() => column.toggleSorting(sorted === \"asc\")}\n    >\n      {title}\n      {sorted === \"asc\" ? (\n        <ArrowUpIcon />\n      ) : sorted === \"desc\" ? (\n        <ArrowDownIcon />\n      ) : (\n        <ChevronsUpDownIcon />\n      )}\n    </Button>\n  );\n}\n\nexport { DataTable, DataTableColumnHeader };\nexport type { ColumnDef };\n","import type * as React from \"react\";\n\nimport { Text } from \"@/primitives/Text\";\nimport { cn } from \"@/utils\";\n\n// Footer — app chrome shown at the bottom of a page. A responsive three-region\n// row: the regions stack centered on mobile and spread to start / center / end\n// on md+ (a grid, so the centre region stays centred regardless of the side\n// widths). Compose content from Text / Link / Logo; the helpers below cover the\n// common pieces (a \"Powered by\" lockup and a link separator).\n//\n//   <Footer>\n//     <FooterStart><Text size=\"mini\" variant=\"muted\">v2.6.0</Text></FooterStart>\n//     <FooterCenter>\n//       <FooterPoweredBy><Logo brand=\"slingshot\" variant=\"icon\" className=\"size-5\" /></FooterPoweredBy>\n//     </FooterCenter>\n//     <FooterEnd>\n//       <Link href=\"/tnc\" underline=\"hover\">T&C</Link>\n//       <FooterSeparator />\n//       <Link href=\"/privacy\" underline=\"hover\">Privacy</Link>\n//     </FooterEnd>\n//   </Footer>\n\n// Surface fills. `glass` is a translucent, backdrop-blurred panel (same --glass-*\n// tokens as Card/Container) — reads over a textured page background.\nconst footerBackgrounds = {\n  none: \"\",\n  muted: \"bg-muted\",\n  glass: \"bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]\",\n} as const;\n\nfunction Footer({\n  className,\n  bordered = false,\n  background = \"none\",\n  ...props\n}: React.ComponentProps<\"footer\"> & {\n  /** Add a subtle top border separating the footer from page content. */\n  bordered?: boolean;\n  /** Surface fill. `glass` is a translucent, blurred panel over the page background. */\n  background?: keyof typeof footerBackgrounds;\n}) {\n  return (\n    <footer\n      data-slot=\"footer\"\n      data-background={background}\n      className={cn(\n        // Footer content is small by default (matches the version text); links and\n        // other unstyled children inherit this. Explicitly-sized <Text> is unaffected.\n        \"grid w-full grid-cols-1 gap-3 px-4 py-3 text-center md:grid-cols-3 md:items-center md:px-6\",\n        \"text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]\",\n        footerBackgrounds[background],\n        bordered && \"border-t border-border\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n// Leading region — left-aligned on md+ (e.g. an app version).\nfunction FooterStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-start\"\n      className={cn(\n        \"flex items-center justify-center gap-2 md:justify-self-start md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n// Centre region — always centred (e.g. a \"Powered by\" lockup).\nfunction FooterCenter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-center\"\n      className={cn(\"flex items-center justify-center gap-2 md:justify-self-center\", className)}\n      {...props}\n    />\n  );\n}\n\n// Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens.\nfunction FooterEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"footer-end\"\n      className={cn(\n        \"flex flex-wrap items-center justify-center gap-2 md:justify-end md:justify-self-end md:text-right\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n// \"Powered by\" lockup — the label plus a slot for the brand mark (a <Logo />).\nfunction FooterPoweredBy({\n  className,\n  label = \"Powered by\",\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  /** Override the default \"Powered by\" label. */\n  label?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"footer-powered-by\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    >\n      <Text as=\"span\" size=\"small\" variant=\"muted\">\n        {label}\n      </Text>\n      {children}\n    </div>\n  );\n}\n\n// Visual divider between trailing links.\nfunction FooterSeparator({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"footer-separator\"\n      aria-hidden=\"true\"\n      className={cn(\"select-none text-border\", className)}\n      {...props}\n    >\n      |\n    </span>\n  );\n}\n\nexport { Footer, FooterStart, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator };\n","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 = \"flex h-9 items-center gap-1.5 rounded-full border bg-card px-4 text-sm\";\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-foreground\">{projectLabel}:</span>\n        <Skeleton className=\"h-3 flex-1\" />\n        <ChevronDown className=\"size-4 shrink-0 text-muted-foreground 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-ring/60\")}\n      >\n        <span className=\"shrink-0 text-muted-foreground\">{projectLabel}:</span>\n        <span\n          className={cn(\n            \"max-w-36 truncate\",\n            selectedName ? \"font-medium\" : \"text-muted-foreground\",\n          )}\n        >\n          {selectedName ?? projectPlaceholder}\n        </span>\n        <ChevronDown className=\"ml-1 size-4 shrink-0 text-muted-foreground\" />\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-foreground\" />\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-4 py-2 text-sm text-muted-foreground\">{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-foreground\"\n            : \"cursor-pointer hover:bg-accent\",\n          isSelected && \"bg-accent 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-foreground hover:text-foreground\"\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 = \"flex h-9 items-center gap-1.5 rounded-full border bg-card px-4 text-sm\";\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-4 z-10 mt-4 flex h-16 items-center gap-1 rounded-2xl border border-border/50 px-6 shadow-sm\",\n        \"bg-[var(--glass-light)] backdrop-blur-[var(--glass-blur)]\",\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-foreground\">{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-foreground\">{DEFAULT_LABELS.orgLabel}:</span>\n      <span className=\"max-w-36 truncate font-medium\">{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-foreground\">\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-foreground 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-[3px] focus-visible:ring-ring/50\"\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-background/80 backdrop-blur-sm\"\n    >\n      <div className=\"relative mx-4 flex w-full max-w-md flex-col items-center gap-6 rounded-2xl border bg-card p-8 text-card-foreground shadow-2xl\">\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-foreground text-xl\">{DEFAULT_LABELS.overlayTitle}</h2>\n          <p className=\"text-muted-foreground 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-foreground\">{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","import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { Heading, type HeadingProps } from \"@/primitives/Heading\";\nimport { Text } from \"@/primitives/Text\";\nimport { cn } from \"@/utils\";\n\n// MediaObject — a COMPOSITIONAL media card (Radix-style parts the consumer\n// assembles). Replaces the legacy landing \"media cards\" (image + title + text +\n// action) and slingshot \"feature cards\" (icon + title + description + action).\n// Each part is a thin styled wrapper carrying a data-slot; spacing and hover are\n// driven entirely by Tailwind tokens + CSS group-hover (no JS state).\n\n// MediaObject — root <article>. `interactive` opts into the CSS hover lift.\ntype MediaObjectProps = React.ComponentProps<\"article\"> & {\n  /** Add a CSS hover lift + shadow (no JS state). */\n  interactive?: boolean;\n};\n\nfunction MediaObject({ className, interactive, ...props }: MediaObjectProps) {\n  return (\n    <article\n      data-slot=\"media-object\"\n      className={cn(\n        \"group/media flex flex-col overflow-hidden rounded-2xl border bg-card\",\n        interactive && \"transition-all hover:-translate-y-0.5 hover:shadow-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n// MediaObjectImage — the top media. `alt` is required for accessibility.\ntype MediaObjectImageProps = React.ComponentProps<\"img\"> & { alt: string };\n\nfunction MediaObjectImage({ className, alt, ...props }: MediaObjectImageProps) {\n  return (\n    // biome-ignore lint/a11y/useAltText: alt is required via props typing.\n    <img\n      data-slot=\"media-object-image\"\n      alt={alt}\n      className={cn(\n        \"aspect-[16/9] w-full object-cover transition-transform group-hover/media:scale-[1.02]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n// MediaObjectIcon — the icon-top variant container; consumer renders an Icon inside.\nfunction MediaObjectIcon({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"media-object-icon\"\n      className={cn(\"flex size-10 shrink-0 items-center justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\n// MediaObjectContent — the body region holding title/text/actions.\nfunction MediaObjectContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"media-object-content\"\n      className={cn(\"flex flex-1 flex-col gap-3 p-5\", className)}\n      {...props}\n    />\n  );\n}\n\n// MediaObjectTitle — reuses the Heading primitive (rendered as <h3>).\ntype MediaObjectTitleProps = Omit<HeadingProps, \"as\"> & {\n  /** Heading size step passthrough (defaults to \"4\"). */\n  size?: HeadingProps[\"size\"];\n};\n\nfunction MediaObjectTitle({ size, ...props }: MediaObjectTitleProps) {\n  return <Heading data-slot=\"media-object-title\" as=\"h3\" size={size ?? \"4\"} {...props} />;\n}\n\n// MediaObjectText — reuses the Text primitive (muted, small body).\nfunction MediaObjectText({ ...props }: React.ComponentProps<typeof Text>) {\n  return <Text data-slot=\"media-object-text\" variant=\"muted\" size=\"small\" {...props} />;\n}\n\n// MediaObjectActions — pinned to the bottom of the content; holds a Button/Link.\nfunction MediaObjectActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"media-object-actions\"\n      className={cn(\"mt-auto flex items-center gap-2 pt-2\", className)}\n      {...props}\n    />\n  );\n}\n\n// MediaObjectGroup — responsive grid container. `columns` gives equal-width,\n// aligned items; `gap` lets the enclosing section own its spacing rhythm.\nconst mediaObjectGroupVariants = cva(\"grid\", {\n  variants: {\n    columns: {\n      1: \"grid-cols-1\",\n      2: \"grid-cols-1 sm:grid-cols-2\",\n      3: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\n      4: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4\",\n    },\n    gap: {\n      sm: \"gap-4\",\n      md: \"gap-6\",\n      lg: \"gap-8\",\n    },\n  },\n  defaultVariants: {\n    columns: 3,\n    gap: \"lg\",\n  },\n});\n\ntype MediaObjectGroupProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof mediaObjectGroupVariants>;\n\nfunction MediaObjectGroup({ className, columns, gap, ...props }: MediaObjectGroupProps) {\n  return (\n    <div\n      data-slot=\"media-object-group\"\n      className={cn(mediaObjectGroupVariants({ columns, gap }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  MediaObject,\n  MediaObjectImage,\n  MediaObjectIcon,\n  MediaObjectContent,\n  MediaObjectTitle,\n  MediaObjectText,\n  MediaObjectActions,\n  MediaObjectGroup,\n  mediaObjectGroupVariants,\n  type MediaObjectProps,\n  type MediaObjectImageProps,\n  type MediaObjectTitleProps,\n  type MediaObjectGroupProps,\n};\n","import type * as React from \"react\";\n\nimport { Card } from \"@/primitives/Card\";\nimport { Heading } from \"@/primitives/Heading\";\nimport { cn } from \"@/utils\";\n\n// SectionCard — a large glass \"section that contains cards\": a glass Card panel\n// with a header row (title + optional right-aligned action) and a body slot for\n// arbitrary children (e.g. a grid of cards or a MediaObjectGroup).\ntype SectionCardProps = Omit<React.ComponentProps<\"div\">, \"title\"> & {\n  /** Section title rendered in the header. */\n  title: React.ReactNode;\n  /** Optional right-aligned action slot (e.g. a Button). */\n  action?: React.ReactNode;\n};\n\nfunction SectionCard({ title, action, className, children, ...props }: SectionCardProps) {\n  return (\n    <Card\n      data-slot=\"section-card\"\n      variant=\"glass\"\n      tint=\"light\"\n      className={cn(\"gap-5 rounded-2xl p-5 sm:p-6\", className)}\n      {...props}\n    >\n      <div data-slot=\"section-card-header\" className=\"flex items-center justify-between gap-3\">\n        <Heading data-slot=\"section-card-title\" size=\"3\">\n          {title}\n        </Heading>\n        {action ? <div data-slot=\"section-card-action\">{action}</div> : null}\n      </div>\n      <div data-slot=\"section-card-body\">{children}</div>\n    </Card>\n  );\n}\n\nexport { SectionCard, type SectionCardProps };\n","import type * as React from \"react\";\n\nimport { Stack } from \"@/layouts/Stack\";\nimport { Heading, type HeadingProps } from \"@/primitives/Heading\";\nimport { Text } from \"@/primitives/Text\";\nimport { cn } from \"@/utils\";\n\n// SectionHeading — a hero/section title block composed from the foundation\n// primitives: an optional eyebrow (caption Text), a Heading, and an optional\n// subtitle (large muted Text). Centered by default. Covers the landing hero,\n// the gradient login heading, and (via composition) stacked-heading layouts.\ntype SectionHeadingProps = Omit<React.ComponentProps<\"div\">, \"title\"> & {\n  /** The main heading content. */\n  title: React.ReactNode;\n  /** Optional supporting copy rendered below the heading. */\n  subtitle?: React.ReactNode;\n  /** Optional small label rendered above the heading. */\n  eyebrow?: React.ReactNode;\n  /** Horizontal alignment of the block. Defaults to `center`. */\n  align?: \"center\" | \"left\";\n  /** Render the title with the brand gradient fill. */\n  gradient?: boolean;\n  /** Visual size of the title (Heading scale). Defaults to `1`. */\n  titleSize?: HeadingProps[\"size\"];\n  /** Semantic element for the title. Defaults to `h2`. */\n  titleAs?: React.ElementType;\n};\n\nfunction SectionHeading({\n  title,\n  subtitle,\n  eyebrow,\n  align = \"center\",\n  gradient = false,\n  titleSize = \"1\",\n  titleAs = \"h2\",\n  className,\n  ...props\n}: SectionHeadingProps) {\n  return (\n    <Stack\n      data-slot=\"section-heading\"\n      gap=\"sm\"\n      align={align === \"center\" ? \"center\" : \"start\"}\n      className={cn(align === \"center\" && \"text-center\", className)}\n      {...props}\n    >\n      {eyebrow ? (\n        <Text data-slot=\"section-heading-eyebrow\" size=\"caption\" variant=\"muted\">\n          {eyebrow}\n        </Text>\n      ) : null}\n      <Heading\n        data-slot=\"section-heading-title\"\n        as={titleAs}\n        size={titleSize}\n        gradient={gradient}\n        align={align}\n      >\n        {title}\n      </Heading>\n      {subtitle ? (\n        <Text data-slot=\"section-heading-subtitle\" size=\"large\" variant=\"muted\" align={align}>\n          {subtitle}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n\nexport { SectionHeading, type SectionHeadingProps };\n"],"mappings":"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"}