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;}