Function LocalAuthProvider

frontend/src/auth/AuthProvider.tsx:56–134

({
  children,
  onProviderChange,
}: ProviderComponentProps)

// Local auth provider for development
const LocalAuthProvider: FrontendAuthProviderComponent = ({
  children,
  onProviderChange,
}: ProviderComponentProps) => {
  // Access auth store state
  const adminUsername = useAuthStore((state) => state.adminUsername);
  const adminPassword = useAuthStore((state) => state.adminPassword);
  const userId = useAuthStore((state) => state.userId);
  const organizationId = useAuthStore((state) => state.organizationId);

  // Create provider that reacts to store state
  const localProvider = useMemo<FrontendAuthProvider>(() => {
    const hasCredentials = !!(adminUsername && adminPassword);

    return {
      name: 'local',
      context: {
        user: hasCredentials
          ? {
              id: userId || 'admin',
              organizationId: organizationId || 'local-dev',
              organizationRole: 'ADMIN',
            }
          : null,
        token: hasCredentials
          ? {
              token: `basic-${btoa(`${adminUsername}:${adminPassword}`)}`,
              expiresAt: undefined,
            }
          : null,
        isLoading: false,
        isAuthenticated: hasCredentials,
        error: null,
      },
      signIn: () => {
        console.warn('Local auth: signIn not implemented - use AdminLoginForm');
      },
      signUp: () => {
        console.warn('Local auth: signUp not implemented');
      },
      signOut: async () => {
        // Clear session cookie via backend logout endpoint
        // Use relative path to ensure we hit the same origin as login
        try {
          await fetch('/api/v1/auth/logout', {
            method: 'POST',
            credentials: 'include',
          });
        } catch (error) {
          console.warn('Failed to clear session cookie:', error);
        }
        // Clear admin credentials from store
        useAuthStore.getState().clear();
      },
      SignInComponent: () => <div>Sign in not available in local dev mode</div>,
      SignUpComponent: () => <div>Sign up not available in local dev mode</div>,
      UserButtonComponent: () => <div>User profile not available in local dev mode</div>,
      OrganizationSwitcherComponent: undefined,