import * as React from "react";

// The active organization for org-scoped hosts (the cloud app). Local and
// desktop aren't org-scoped, so they leave it unset and consumers fall back to
// unscoped behaviour. This is purely a UI hint (e.g. which org to pin in an MCP
// install URL); access is always enforced server-side.
export interface OrganizationContextValue {
  readonly organizationId: string;
  /** URL slug (`/<slug>/mcp`, `/<slug>/policies`); null on hosts without one. */
  readonly organizationSlug: string | null;
}

const OrganizationContext = React.createContext<OrganizationContextValue | null>(null);

export function OrganizationProvider(
  props: React.PropsWithChildren<{
    readonly organizationId: string | null;
    readonly organizationSlug?: string | null;
  }>,
) {
  const value = React.useMemo<OrganizationContextValue | null>(
    () =>
      props.organizationId
        ? {
            organizationId: props.organizationId,
            organizationSlug: props.organizationSlug ?? null,
          }
        : null,
    [props.organizationId, props.organizationSlug],
  );
  return (
    <OrganizationContext.Provider value={value}>{props.children}</OrganizationContext.Provider>
  );
}

/** Returns the active organization id, or `null` when the host isn't org-scoped. */
export function useOrganizationId(): string | null {
  return React.useContext(OrganizationContext)?.organizationId ?? null;
}

/** The active org's URL slug, or `null` (host without slugs / no org). */
export function useOrganizationSlug(): string | null {
  return React.useContext(OrganizationContext)?.organizationSlug ?? null;
}